代码是否正确,需要引入domReady.js吗

来源:6-4 编程练习

伯禽

2019-04-01 15:39:46

<!DOCTYPE html>

<html>

<head>

<title></title>

<style type="text/css">

.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 frame=document.createDocumentFragment();

  for(var i=0;i<3;i++){

  var li=document.createElement("li");

  li.className="li";

  var text=document.createTextNode("第"+(i+1)+"个li");

  li.appendChild(text);

  frame.appendChild(li);

  }  


   ul.appendChild(frame);

   document.body.appendChild(ul);

   document.body.insertBefore(comment,document.body.lastChild);

</script>

</body>

</html>


写回答

1回答

好帮手慕夭夭

2019-04-01

你好同学,效果实现的正确 。不需要引入domReady.js 。domReady.js封装的方法是为了让js在DOM结构(也就是body里面的标签元素)加载完毕再执行 。

之所以要用它 ,是因为js写在了head里面 ,代码顺序加载 ,先执行js,后执行body里面的标签 。而你的代码中一是body里面没有写任何标签 ,二是js本身也写在body里面。所以不需要哦

祝学习愉快 ,望采纳。

0

0 学习 · 40143 问题

查看课程