麻烦老师帮忙检查一下代码，谢谢~

来源：6-4 编程练习

慕粉2243585596

2020-05-19 10:56:29

<!DOCTYPE html>
<html>
<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>
      //在此处补充代码
      //创建ul节点
      var ul=document.createElement("ul"),
      //创建注释节点
      comment=document.createComment("创建节点");
      for(var i=0;i<3;i++){
          //创建li节点
         var li=document.createElement("li");
         //给li节点添加class属性
         li.className="li";
         //给li节点创建文本子节点
         var text=document.createTextNode("第"+(i+1)+"个li");
         //将文本子节点添加到li节点
         li.appendChild(text);
         //将li节点添加进ul节点
         ul.appendChild(li);
      }
      //将ul节点添加到body中
      document.body.appendChild(ul); 
      //将注释节点添加到body中
      document.body.insertBefore(comment,ul);
    </script>
</body>
</html>

写回答

1回答