老师帮我看看这个代码，效果可不可以？可不可以更简洁一点？
来源：5-5 编程练习
慕设计0337955
2018-10-11 18:35:35
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>节点练习</title>
</head>
<body>
<div id="wrap">
<ul id="list">
<li>第一个li</li>
<li>第二个li</li>
<li>第三个li</li>
</ul>
</div>
<script>
//在此处补充代码
var wrap=document.getElementById('wrap'),
list=document.getElementById('list');
var newList=document.createElement('ul');
var li1=document.createElement('li'),
li2=document.createElement('li');
li3=document.createElement('li');
li4=document.createElement('li');
var txt1=document.createTextNode('菠萝'),
txt2=document.createTextNode('苹果');
txt3=document.createTextNode('香蕉');
txt4=document.createTextNode('草莓');
li1.appendChild(txt1);
li2.appendChild(txt2);
li3.appendChild(txt3);
li4.appendChild(txt4);
newList.appendChild(li1);
newList.appendChild(li2);
newList.appendChild(li3);
newList.appendChild(li4);
wrap.replaceChild(newList,list);
</script>
</body>
</html>
1回答
-
好帮手慕夭夭
2018-10-11
效果实现了呢 , 继续加油吧 , 祝学习愉快 !
0
相似问题