JavaScript parentNode: 상위 노드 가져오기
구문:
nodeObject.parentNode
여기서 nodeObject는 노드 개체(요소 노드)입니다.
예를 들어 id="demo"인 노드의 상위 노드를 가져옵니다.
document.getElementById("demo").parentNode;
예를 들어, get the id="demo" " 노드의 상위 노드:
<div>
<div id="demo">点击这里获取父节点</div>
</div>
<script type="text/javascript">
document.getElementById("demo").onclick=function(){
var demoParent=this.parentNode;
alert(
"父节点的名称是："+demoParent.nodeName+"\n"+
"父节点的类型是："+demoParent.nodeType
);
}
</script>다음 데모를 참조하세요.
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>HTML DOM树型结构图</title>
<div>
<div id="demo">点击这里获取父节点</div>
</div>
<script type="text/javascript">
document.getElementById("demo").onclick=function(){
var demoParent=this.parentNode;
alert(
"父节点的名称是："+demoParent.nodeName+"\n"+
"父节点的类型是："+demoParent.nodeType
);
}
</script>
</head>
<body>
</body>
</html>
