JavaScriptparentNode: 親ノードを取得します。
構文:
nodeObject.parentNode
このうち、nodeObjectはノードオブジェクト(要素ノード)です。
たとえば、id="demo" のノードの親ノードを取得するには:
document.getElementById("demo").parentNode;
たとえば、id=" のノードの親ノードを取得するにはデモ":
<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>
