how to get an element by tag name in javascript

To get an element by tag name in JavaScript, we can use the getElementByTagName method. This method returns an array-like object of all elements with the specified tag name (in the order they appear in the document).

Here's an example of how to use this method to get all the div elements in a document:

index.tsx
var divs = document.getElementsByTagName("div");
49 chars
2 lines

Once you have the array-like object of elements, you can access individual elements by their index. For example, to access the first div element:

index.tsx
var firstDiv = divs[0];
24 chars
2 lines

It's important to note that getElementsByTagName returns a live NodeList, which means that it's automatically updated as the document changes. Therefore, if elements are dynamically added or removed from the document, the NodeList returned by getElementsByTagName will automatically reflect those changes.