首页 / JAVASCRIPT / DOM中的parentNode总结

DOM中的parentNode总结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了DOM中的parentNode总结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1160字，纯文字阅读大概需要2分钟。

内容图文

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>parentNode</title>
    <script type="text/javascript">
        "use strict"
        window.onload=function(){
            var oUl=document.getElementById("ul1");
            var nodeList=oUl.childNodes;
            // console.log(nodeList);
            var arr=convertToArray(nodeList,0);
            console.log(arr);
            for(var i=0,len=arr.length;i<len;i++){
                console.log(arr[0].parentNode);
            }
console.log(arr[0].nextSibling);
//第一个子节点是没有previousSibling的
console.log(arr[0].previousSibling);
        }
        function convertToArray(nodes){
            var array=null;
            try{
                array=Array.prototype.slice.call(nodes,0);
            }catch(ex){
                array=new Array();
                for(var i=0,len=nodes.length;i<len;i++){
                    array.push(nodes[i]);
                }
            }
            return array;
        }
    </script>
</head>
<body>
    <ul id="ul1">
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
</body>
</html>

某个父节点的子节点所有的parentNode都是指向同一个节点，以上代码循环打出的，如下：DOM中的parentNode总结 - 文章图片

另外每个子节点都会有nextSibling和preciousSibling，当然，如果是第一个子节点则无previousSibling，而最后一个子节点是没有nextSibling的，返回的结果都是为null

每个子节点的集合中都会有firstChild和lastChild，只有当没有子节点的情况下，这两个值都为null，才相等。

以上就是DOM中的parentNode总结的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的DOM中的parentNode总结全部内容，希望文章能够帮你解决DOM中的parentNode总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/297994.html

来源：【匿名】