遍历HTML节点结构可以使用递归的方式来实现。以下是一个示例代码:
function traverseNodes(node) {
if (node.nodeType === 1) { // 如果是元素节点
console.log(node.tagName); // 输出节点的标签名
for (var i = 0; i < node.childNodes.length; i++) {
// 递归遍历子节点
traverseNodes(node.childNodes[i]);
}
} else if (node.nodeType === 3) { // 如果是文本节点
console.log(node.nodeValue); // 输出节点的文本内容
}
}
// 示例用法
var root = document.documentElement; // 获取HTML根节点
traverseNodes(root); // 遍历HTML节点结构
这段代码使用了递归的方式,先判断当前节点的类型,如果是元素节点(nodeType
为1),则输出节点的标签名,并继续遍历其子节点;如果是文本节点(nodeType
为3),则输出节点的文本内容。
注意:这里使用了document.documentElement
获取HTML的根节点,你可以根据实际情况修改根节点的获取方式。
上一篇:遍历HTML标签
下一篇:遍历HTML输入框并设置值