麻烦老师检查

来源：6-4 编程练习

leiyihai

2019-10-31 13:43:41

<!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>
      
      //获取body节点
      var body=document.getElementsByTagName("body")[0];
      //创建ul
      var ul=document.createElement("ul");            
     

      //循环创建3个li添加文本
      for (var i=0;i<3;i++){
        //创建li
        var li=document.createElement("li");
        //将li加载到ul中
        ul.appendChild(li);
        //创建li里面的文本
        var text=document.createTextNode("第"+(i+1)+"个li");
        //将文本加载到li里
        li.appendChild(text);
        //将类选择器样式赋值给li
        li.className="li";
      }
     

      //将ul节点加载到body中
      body.appendChild(ul);
      //创建注释节点
      var comment=document.createComment("这里是注释说明");
      //将注释加载到ul标签前面
      document.body.insertBefore(comment,ul);
      
    </script>
</body>
</html>

写回答

1回答