JS getElementByTagName

Prev Next

The document.getElementsByTagName() method is a fundamental JavaScript function used to access elements in the Document Object Model (DOM) based on their tag names. This method is widely used to retrieve all elements with a specific tag, allowing for operations such as manipulation, styling, or analysis.

Overview

• Purpose: To select and return elements that have a specified tag name.

• Return Type: It returns a NodeList, which is a collection of nodes that match the given tag name.

• Usage: Useful for accessing all elements of a certain type, such as all <div>, <p>, or <a> elements within a document.

Key Points

• Selection: The method fetches all elements that match the tag name specified. This can include multiple elements of the same type.

• NodeList: The result is a static NodeList, meaning it does not automatically update if the DOM changes after the query.

• Applications: Commonly used to interact with or manipulate groups of elements that share the same tag, such as applying styles or handling events.

Syntex:

var elements = document.getElementsByTagName("tagName");

Example:

<p>Way To Code Technologies</p>
<p>This is a development company.</p>

<script>
  // Retrieve all <p> elements
  var paragraphs = document.getElementsByTagName("p");

  // Iterate through each <p> element and change the color
  for (var i = 0; i < paragraphs.length; i++) {
    paragraphs[i].style.color = "blue";
  }
</script>

Output:

Way To Code Technologies

This is a development company.

Prev Next