Ошибка .getAttribute is not a function, не пойму почему?

Question

[Алексей]

<tab-panel>
   <div data-tabname="one">Tab one</div>
   <div data-tabname="two">Tab two</div>
   <div data-tabname="three">Tab three</div>
</tab-panel>

<script>
function asTabs(node) {
let nArr = Array.from(node.childNodes);
nArr.map(node => {
console.log(node.getAttribute("data-tabname");
//далее другие манипуляции
});
};
asTabs(document.querySelector("tab-panel"));
</script>

Потихоньку изучаю js. Коллекцию перевел в массив с помощью Array.from
При переборе в методе map возникает ошибка. Как исправить?

Answer 1

[0xD34F]

childNodes включает текстовые узлы, у которых атрибутов не бывает

замените на children

Comments

[Алексей]

Спасибо