JavaScript innerHTML is undefined

Question

Struggling with why .innerHTML shows undefined, yet .length shows 1.

var content = document.getElementsByTagName("h1");
console.log(content.innerHTML);
console.log(content.length);

<h1>Hello World</h1>
<ul>
  <li>This is an item</li>
  <li>This is another item</li>
</ul>

getElementsByTagName returns a list. So you want index 0 of the result, like this: document.getElementsByTagName("h1")[0].innerHTML — Nayuki
– Nayuki, Commented Feb 20, 2016 at 22:44

isvforall · Accepted Answer · 2016-02-20 23:02:30Z

6

From MDN

The Element.getElementsByTagName() method returns a live HTMLCollection of elements with the given tag name.

Use [0] to get first item:

console.log(content[0].innerHTML);

answered Feb 20, 2016 at 23:02

isvforall

8,9166 gold badges39 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

score 2 · Accepted Answer · 2019-10-07 13:29:55Z

2

JavaScript's document.getElementsByTagName returns an (array-like) object. You can to get the one element you need with content[0]:

//returns a collection of elements
var content = document.getElementsByTagName("h1");

// single out the element you need
var tag = content[0];
console.log(typeof(content));
console.log(content.length);

//get the element's inner HTML
console.log(tag.innerHTML);

<h1>Hello World</h1>
<ul>
  <li>This is an item</li>
  <li>This is another item</li>
</ul>

edited Oct 7, 2019 at 13:29

answered Oct 7, 2019 at 13:19

user2855132

Comments

user1751825 · Accepted Answer · 2016-02-20 23:07:16Z

0

If you need to target this element specifically, give it an id attribute, and then use getElementById. This is more efficient, and will return just a single element.

answered Feb 20, 2016 at 23:07

user1751825

4,3375 gold badges37 silver badges74 bronze badges

Collectives™ on Stack Overflow

JavaScript innerHTML is undefined

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related