如何在 JS 中循环遍历 DOM 中的所有节点值

时间:2021-01-25 19:45:40

标签: javascript

我正在尝试循环并增加以下内容:

var result_types = document.querySelectorAll('[data-title]')[0].attributes[2].nodeValue

专门用来抓取和增加这个值:

[0].attributes

目前,我有以下几点:

var card = document.querySelectorAll('[data-title]')[0].attributes[2].nodeValue;
  for (var i = 0; i < card.length; i++) {
  console.log(card[i]);
  }

我试图让这个 [0].attributes 在被点击时增加到 [1].attributes 等

1 个答案:

答案 0 :(得分:0)

我不确定您在这里问的是什么,但如果问题是遍历元素,则发生这种情况是因为您从 NodeList 返回一个 querySelectorAll 而不是数组。下面将让您循环遍历节点元素。

const nodes = document.querySelectorAll('.nodes');

[].forEach.call(nodes, (singleNode) => {
    //Whatever you want.
})