JS DOM NODES: Javascript

Question

With the help of a loop, I want to add an element into my list items.

Thanks a bunch for any advice!

Are you adding a single element? What do you need the loop for? And where are you trying to add them / it? — Emiel Zuurbier
– Emiel Zuurbier, Commented Oct 7, 2020 at 17:07
I want to add it to every list item. This is just to practice using loops! — l14045
– l14045, Commented Oct 7, 2020 at 17:13
If items is your NodeList of <li> elements, then items[i] would refer to the specific <li> at that index. — Tyler Roper
– Tyler Roper, Commented Oct 7, 2020 at 17:14

Entest89 · Accepted Answer · 2020-10-07 17:24:08Z

2

It's a little hard to tell the context of your problem, but I think using a for...of loop would better meet your needs, as it works with each item of the list individually.

Try this:

let item = document.getElementsByTagName('li');

for (let i of item){
    i.innerHTML = `${i.innerText} <span class="credits">100 credits</span>`;
}

If you need something that specifically uses an index loop, try this:

let item = document.getElementsByTagName('li');

for (let i = 0; i < item.length; i++){
    item[i].innerHTML = `${item[i].innerText} <span class="credits">100 credits</span>`;
}

answered Oct 7, 2020 at 17:24

Entest89

875 bronze badges

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

Collectives™ on Stack Overflow

JS DOM NODES: Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related