listener on UL iterate through li

Question

I have the following html:

I have an onclick listener on the UL (called taskList). console.log says the element UL (taskList) is an object. Can I iterate through the li's as follows:

for (const task in taskList) {
   console.log(task);
}

user_9513184 · Answer

No, for ... in will loop over the properties of the object. You could use for ... of to loop over the children.

const taskList = document.querySelector('ul.collection');
for (const task of taskList.children) {
   console.log(task.outerHTML);
}

listener on UL iterate through li

1 Answers