请问是否正确

<!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 comment = document.createComment("创建节点");
      var ul = document.createElement("ul");
      var li = null,
        tex = null;
      for (i = 0; i < 3; i++) {
        li = document.createElement("li");
        tex = document.createTextNode("第" + (i + 1) + "个li");
        li.appendChild(tex);
        ul.appendChild(li);
        li.className = "li";
      }
      document.body.appendChild(ul);
      document.body.insertBefore(comment, ul);
    </script>
</body>
</html>

蛤小蛤 2019-06-27

源自：JS DOM操作 6-4 编程练习