JavaScript History Object HTML DOM Element Object

HTML DOM getElementsByTagName() method

getElementsByTagName()The method returns a list similar to an array, containing child elements of elements with the specified tag name.

The returned list is sorted in the order of the elements as they appear in the source code.

You can access the returned list by index number. The index starts from 0.

UsinglengthThe attribute determines the number of child elements with the specified tag name, and then you can iterate over all elements and extract the required information.

element.getElementsByTagName is similar todocument.getElementsByTagName() However, it only searches for elements that are descendants of the specified element.

Syntax:

element.getElementsByTagName(tag)

Example

var gBox = document.getElementById("greenBox");
gBox.getElementsByTagName("P")[0].innerHTML = "Hello World!!!";

Test and See‹/›

Browser Compatibility

getElementsByTagName() method is fully supported in all browsers:

Methods
getElementsByTagName()	Yes	Yes	Yes	Yes	Yes

Parameter Value

Parameter	Description
tag	The tag name of the child element you want to get.

Technical Details

Return Value:	Returns an array-like object of all child elements with the specified tag name
DOM Version:	DOM Level1

Related References

HTML DOM Referencedocument.getElementsByTagName()Methods

HTML DOM Element Object