Javascript节点关系实例分析

更新时间：2026-05-10 21:50:23作者：zhao

本文实例分析了Javascript的节点关系。分享给大家供大家参考。具体如下：

<head>

function Demo() {

var divObj = document.getElementById("divDemo");

//获取父节点

var parentNode = divObj.parentNode;

//displayNodeInfo(parentNode);

//获取子节点

var childNodes = divObj.childNodes;

//子节点返回的是一个集合，即数组

//alert(childNodes.length); //显示节点个数

//displayNodeInfo(childNodes[0]);

//获取兄弟节点

//----------获取上一个兄弟节点

var preBrotherNode = divObj.previousSibling.previousSibling;

//标签之间存在空行时，会出现一个空白的文本节点，在获取节点时，一定要注意。

//displayNodeInfo(preBrotherNode);

//----------获取下一个兄弟节点

var nextBrotherNode = divObj.nextSibling;

displayNodeInfo(nextBrotherNode);

}

function displayNodeInfo(node) {

alert("Name:" + node.nodeName + ",Type:" + node.nodeType + ",Value:" + node.nodeValue);

}

</script>

</head>

<body>

<div id="divDemo">div内容</div>

<table>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

手游推荐