这节课听不懂。

来源：6-2 create系列创建节点的方法

qq_慕移动3101913

2019-09-19 15:25:05

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>create方法</title>
    <script src="domReady.js"></script>
    <script>
      myReady(function(){
        var comment = document.createComment("A comment");
        var fragment = document.createDocumentFragment();
        var ul = document.getElementById("myList");
        var li = null;
        for (var i = 0; i < 3; i++){
          li = document.createElement("li");
          li.appendChild(document.createTextNode("Item " + (i+1)));
          fragment.appendChild(li);
        }
        ul.appendChild(fragment);
        document.body.insertBefore(comment, document.body.firstChild);
      });
    </script>
  </head>
  <body>
    <ul id="myList"></ul>
  </body>
</html>

1：myReady这是哪里来的？

2：createComment（），createDocumentFragment()，appendChild，createTextNode，document.body.insertBefore(comment, document.body.firstChild);都是什么意思？

这节课讲什么了？

写回答

2回答

好帮手慕慕子

2019-09-19

已采纳

同学你好，老师又来了，你的问题老师会帮助你一一解答的，如下

myReady方法是老师自己封装的一个方法，在引入domReady.js文件中定义的
这节课主要是讲解创建和添加节点的方法，这些都是js提供的js DOM操作的基础语法，虽然有些方法在实际应用中很少用到，但是我们也还是需要了解的，不需要深入研究。老师这里给同学简单归纳一下这方法的作用
（1）create系列方法可以参考下图理解
（2）appendChild是添加节点

（3）insertBefore是在指定节点前面插入节点，这个方法接收两个参数。
示例： insertBefore(参数1,参数2 ); 参数1表示指定在哪个插入节点前插入，参数2表示被插入的节点。
<script src="domReady.js"></script> 这句代码是引入的domReady.js，是老师自己封装了一个myReady方法。
这个方法实际上实现的效果就是$(document).ready(function(){}) , 让DOM加载完后再去执行js代码。
因为现在还没有学习到jQuery , 所以这里老师为了方便课程讲解自己封装了一个类似的方法。这里同学对 domReady.js简单了解一下即可，不需要深入研究。后期学了jQuery，使用$(document).ready(function(){}) 就可以啦。
如果用老师这个封装文件的话，可以先从源码中下载：