Home/ Questions/Q 9182141
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T18:29:25+00:00

I have combined the getElementsByTagName and getAttribute methods to get the title attribute of

  • 0

I have combined the getElementsByTagName and getAttribute methods to get the title attribute of every paragraph element in the document. Here is the code:

var paras = document.getElementsByTagName('p');
for (i = 0; i < paras.length; i++) {
    console.log(paras[i].getAttribute('title'));
}

The line of code I am specifically need assistance with is this one:

console.log(paras[i].getAttribute('title'));

What is the [i] doing within this line of code? Is this the ‘counter’ variable that I declared in the for loop that is incrementing on each iteration? And is the [i] also representative of the index of the array that is returned by the getElementsByTagName function?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The key here is getElementsByTagName returns a NodeList.

    You are then looping over the NodeList (which can be thought of as an array) with you for loop. The value of i goes from 0 to the length of the array -1.

    So to answer your question. Yes, i is the index and when you say paras[i] you are asking for the element at index i.

    For example, given the following html:

    <body>
  <p id="a"></p>
  <p id="b"></p>
  <p id="c"></p>
</body>

    If you called paras = document.getElementsByTagName("p") it would return an array with 3 elements.

    • At paras[0] would be the p with id a.

    • At paras[1] would be the p with id b.

    • At paras[2] would be the p with id c.

    • 0