写一个方法获取页面中所有类型的节点数 - 打野赵怀真 - 沸点 - 掘金

4月前

写一个方法获取页面中所有类型的节点数
要获取页面中所有类型的节点数，可以通过 JavaScript 的 `document` 对象来实现。以下是一个示例方法，它将遍历文档中的所有节点，并统计每种类型节点的数量。

### 示例代码

```javascript
function getAllNodesCount() {
// 创建一个对象来存储每种节点类型的计数
const nodeCount = {
element: 0, // 元素节点
text: 0, // 文本节点
comment: 0, // 注释节点
other: 0 // 其他节点
};

// 定义一个递归函数来遍历节点
function countNodes(node) {
// 根据节点类型进行计数
switch (node.nodeType) {
case Node.ELEMENT_NODE: // 元素节点
nodeCount.element++;
break;
case Node.TEXT_NODE: // 文本节点
nodeCount.text++;
break;
case Node.COMMENT_NODE: // 注释节点
nodeCount.comment++;
break;
default: // 其他节点
nodeCount.other++;
break;
}

// 遍历子节点
node.childNodes.forEach(countNodes);
}

// 从文档的根节点开始计数
countNodes(document.documentElement);

return nodeCount;
}

// 使用方法并输出结果
const result = getAllNodesCount();
console.log(result);
```

### 代码解释

1. **节点类型**：
- `Node.ELEMENT_NOD

展开

今天学到了

赞过