学习笔记-js nodeList 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="domReady.js"></script>
  <script>

    myReady(function(){
     var box=document.getElementById("box");
     var nodes=box.childNodes;
     function makeArray(nodeList){
       var arr=null;
       try {
        return Array.prototype.slice.call(nodeList);
       } catch (error) {
       arr=new Array();
       for(var i=0,len=nodeList.length;i<len;i++){
          arr.push(nodeList[i]);
       }
       return arr;
       }
       
     }
    var newNodeList=makeArray(nodes);
     newNodeList.push("haha");
     console.log(newNodeList);
    });
    // document.createElement();
    // document.createTextNode();
    // document.createDocumentFragment();
    // document.createComment();
  </script>

</head>
<body>
  <ul id ="box">
    <li>节点一</li>
    <li>节点二</li>
    <li>节点三</li>
  </ul>
</body>
</html>

 

posted @ 2020-07-17 09:50  小余猪  阅读(364)  评论(1)    收藏  举报