代码是否正确,需要引入domReady.js吗
<!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积分~
来为老师/同学的回答评分吧
0 星