按层次关系访问结点

最新推荐文章于 2022-08-02 19:41:11 发布

CGGAO

最新推荐文章于 2022-08-02 19:41:11 发布

阅读量1.2k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/914556495wxkj/p/3426572.html

版权

<script type="text/javascript">
function showNode( ){
    var imgObj=document.getElementById("imgFruit");
    var  imgParent=imgObj.parentNode;
    alert(imgParent.nodeName);
    
    var  bodyFirstChild=imgParent.firstChild   ;
    alert(bodyFirstChild.nodeName);
    
    var  bodyLastChild=imgParent.lastChild  ;
    alert(bodyLastChild.nodeName);
}
</script>
<title>DOM节点</title>
</head>
<body>
    <img src="images/fruit.jpg" alt="图片" id="imgFruit" />
    <h1>喜欢的水果</h1>
    <input type="button" οnclick="showNode()" value="查找节点"/>
    <p>DOM应用</p>
</body>