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>

以下のデモをご覧ください:

QQ截图20161013093529.png

学び続ける

新しいファイル

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX