js nodelist 循环

要循环遍历 JavaScript 中的 NodeList 对象，可以使用 for 循环或 forEach 方法。

使用 for 循环：

const nodeList = document.querySelectorAll('.example-class');
for(let i = 0; i < nodeList.length; i++) {
  console.log(nodeList[i]);
}

使用 forEach 方法：

const nodeList = document.querySelectorAll('.example-class');
nodeList.forEach((node) => {
  console.log(node);
});

请注意，NodeList 对象不是一个真正的数组，因此不能使用数组的方法（如 map、reduce 等）。但可以使用 Array.from() 方法将其转换为数组，然后使用数组的方法。

const nodeList = document.querySelectorAll('.example-class');
const nodeArray = Array.from(nodeList);
nodeArray.map((node) => {
  console.log(node);
});

相关问题

在html中用js循环页面中的类名为dome的div

在HTML中使用JavaScript循环页面中具有特定类名的div元素，可以通过使用`document.querySelectorAll`方法来获取所有匹配给定选择器的元素列表，然后使用`for`循环或其他循环方法来遍历这些元素。下面是一个简单的例子：

// 获取所有类名为"dome"的div元素
var domeDivs = document.querySelectorAll('.dome');

// 使用for循环来遍历这些div元素
for (var i = 0; i < domeDivs.length; i++) {
    // 对每个元素进行操作，例如打印它的id属性（如果存在）
    console.log(domeDivs[i].id);
}

在这个例子中，`.dome`是CSS选择器，用来选取所有类名为"dome"的元素。`document.querySelectorAll('.dome')`返回的是一个`NodeList`对象，包含了所有匹配的元素。然后通过一个`for`循环，我们可以对每个元素执行一些操作，比如访问其属性或对其内容进行修改。

el-tree循环删除节点

要循环删除 el-tree 中的节点，你可以使用递归的方式遍历树的每个节点，并根据特定的条件删除节点。以下是一个示例代码，可以帮助你实现这个功能：

// 递归删除节点
function deleteNode(nodeList, id) {
  for (let i = 0; i < nodeList.length; i++) {
    const node = nodeList[i];
    if (node.id === id) {
      nodeList.splice(i, 1); // 删除当前节点
      return;
    }
    if (node.children) {
      deleteNode(node.children, id); // 递归删除子节点
    }
  }
}

// 循环删除节点
function loopDeleteNode(treeData, id) {
  const stack = [...treeData]; // 使用栈来模拟循环遍历
  while (stack.length) {
    const node = stack.pop();
    if (node.id === id) {
      treeData.splice(treeData.indexOf(node), 1); // 删除当前节点
      return;
    }
    if (node.children) {
      stack.push(...node.children); // 将子节点加入栈中
    }
  }
}

// 示例数据
const treeData = [
  {
    id: 1,
    label: 'Node 1',
    children: [
      {
        id: 2,
        label: 'Node 1-1',
        children: [
          {
            id: 3,
            label: 'Node 1-1-1',
          },
        ],
      },
      {
        id: 4,
        label: 'Node 1-2',
      },
    ],
  },
];

// 删除节点
deleteNode(treeData, 3);
console.log(treeData);

loopDeleteNode(treeData, 4);
console.log(treeData);

你可以根据自己的实际需求，修改节点的判断条件和删除逻辑。希望对你有帮助！