如何在 JS 中循環遍歷 DOM 中的所有 nodeValues

Question

我正在嘗試循環並增加以下內容：

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 等

Answer 1

我不確定你在這里問什么，但如果問題是循環遍歷元素，這是因為你從querySelectorAll得到一個NodeList而不是一個數組。 下面將讓您循環遍歷節點元素。

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

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