老师麻烦检查一下代码

来源：6-4 编程练习

林迦叶

2019-09-23 12:28:09

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .li{list-style:none;height:50px;line-height:50px;width:100px;background-color:lightblue;text-align:center;}
  </style>
</head>
<body>
    <script>
      //在此处补充代码
    var fragment = document.createDocumentFragment();
    var comment=document.createComment("创建节点");
    var ul=document.createElement("ul");
    var li=null;
    document.body.appendChild(ul);    
    for(var i=0;i<3;i++){
        li=document.createElement("li");
        li.appendChild(document.createTextNode("第"+(i+1)+"个li"));
        li.className="li";
        fragment.appendChild(li);
    }
    ul.appendChild(fragment);   
    document.body.insertBefore(comment,document.body.firstChild);
    </script>
</body>
</html>

写回答

1回答