老师,appendChild是怎么用的(前面问答中看到重点看6,8,9,10章,就直接过来看了)

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

个砸居

2020-06-04 14:21:07

<!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回答

好帮手慕码

2020-06-04

同学你好,在第九章会讲到appendChild方法的使用:

http://img.mukewang.com/climg/5ed8963909392e0103130066.jpg

这里给同学简单的讲一下,appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。参考例子:

http://img.mukewang.com/climg/5ed896ef0915821f08790415.jpg

效果:

http://img.mukewang.com/climg/5ed8970509a1cb0a00930109.jpg

点击:

http://img.mukewang.com/climg/5ed897190935b3d301030133.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程