代码是否正确,需要引入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里面。所以不需要哦
祝学习愉快 ,望采纳。
相似问题