HTMLCollection namedItem()

Example

Get the content of the p element with id="myElement":

const collection = document.getElementsByTagName("p");
const element = collection.namedItem("myElement");
let text = element.innerHTML;
Try it Yourself »

This shorthand produces the same result:

const collection = document.getElementsByTagName("p");
const element = collection["myElement"];
let text = element.innerHTML;
Try it Yourself »

Description

The namedItem() method returns a named element from an HTMLCollection.

The namedItem() method uses the id or name attribute to identify the element.


HTMLCollection

An HTMLCollection is an array-like collection (list) of HTML elements.

The elements in a collection can be accessed by index (starts at 0).

The length Property returns the number of elements in the collection.




Syntax

HTMLCollection.namedItem(name)
or
HTMLCollection[name]

Parameters

Parameter Description
name Required.
The value of the id attribute, or the name attribute, of the element.

Return Value

Type Description
ElementThe element with the specified id or name.
null if the element does not exist.

Browser Support

HTMLCollection.namedItem() is supported in all browsers:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes

Copyright 1999-2023 by Refsnes Data. All Rights Reserved.