DOM中的parentNode总结

最新推荐文章于 2023-08-04 08:47:36 发布

nqxcwl

最新推荐文章于 2023-08-04 08:47:36 发布

阅读量232

点赞数

分类专栏：前端文章标签： javascript基础学习笔记以后项目中可以用到的通用的代码

原文链接：https://www.mk2048.com/blog/blog.php?id=hb21j010kjaa&title=DOM%E4%B8%AD%E7%9A%84parentNode%E6%80%BB%E7%BB%93

版权

前端专栏收录该内容

241 篇文章 0 订阅

订阅专栏

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>parentNode</title>
 6     <script type="text/javascript">
 7         "use strict"
 8         window.onload=function(){
 9             var oUl=document.getElementById("ul1");
10             var nodeList=oUl.childNodes;
11             // console.log(nodeList);
12             var arr=convertToArray(nodeList,0);
13             console.log(arr);
14             for(var i=0,len=arr.length;i<len;i  ){
15                 console.log(arr[0].parentNode);
16             }

1 console.log(arr[0].nextSibling);
2 //第一个子节点是没有previousSibling的
3 console.log(arr[0].previousSibling);

17         }
18         function convertToArray(nodes){
19             var array=null;
20             try{
21                 array=Array.prototype.slice.call(nodes,0);
22             }catch(ex){
23                 array=new Array();
24                 for(var i=0,len=nodes.length;i<len;i  ){
25                     array.push(nodes[i]);
26                 }
27             }
28             return array;
29         }
30     </script>
31 </head>
32 <body>
33     <ul id="ul1">
34         <li>111</li>
35         <li>222</li>
36         <li>333</li>
37     </ul>
38 </body>
39 </html>