2-4练习
来源：2-4 编程练习
qq_浅仓小星_0
2018-07-25 11:01:52
<!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>
//在此处补充代码
var body=document.getElementsByTagName('body')[0];
var ul=document.createElement('ul');
body.appendChild(ul);
// var li=null;
var comment=document.createComment('创建节点');
for(var i=0;i<3;i++){
var li=document.createElement('li');
li.className='li';
li.appendChild(document.createTextNode('第'+(i+1)+'个li'));
ul.appendChild(li);
}
document.body.insertBefore(comment,ul);
</script>
</body>
</html>
这样就能实现了，没看懂那个createDocumentFragment的作用。
1回答
-
Miss路
2018-07-25
创建节点的方式老师讲了有四种，用哪一个去实现都可以。其中createDocumentFragment的作用你可以理解为：createdocumentfragment()方法创建了一虚拟的节点对象。然后把这个内容添加到相对应的位置。课程中老师也做了详细的讲解，你可以再看看，动手实际的写一写代码会更加有助于理解。
如果帮助到了你，欢迎采纳。
祝学习愉快！
0
相似问题