How to get an element's name when iterating through elements with forEach in JS?

Question

I'm iterating through multiple td elements using forEach and document.querySelectorAll. How can I access an element's name value within this loop?

This is what I'm trying at the moment, and it's returning undefined.

HTML:

<td name="monday" class="from">foobar</td>
<td name="tuesday" class="from">foobar</td>
<td name="wednesday" class="from">foobar</td>
<td name="thursday" class="from">foobar</td>
<td name="friday" class="from">foobar</td>
<td name="saturday" class="from">foobar</td>
<td name="sunday" class="from">foobar</td>

JS:

const myNodeList =  document.querySelectorAll('.from'); // grabs some td elements
[].forEach.call(myNodeList, function (item) {
    console.log(item.name);
});

result:

undefined
undefined
undefined
undefined
undefined
undefined
undefined

O_Z · Accepted Answer · 2016-10-29 21:38:55Z

3

change

console.log(item.name);

to :

console.log(item.getAttribute("name"))

answered Oct 29, 2016 at 21:38

O_Z

1,5639 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

How to get an element's name when iterating through elements with forEach in JS?

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