麻烦老师检查
来源：9-5 编程练习
最后的魔法使
2019-10-06 22:13:21
<!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 ul=document.getElementById("list");
var txt1=document.createTextNode("HTML"),
txt2=document.createTextNode("CSS"),
txt3=document.createTextNode("HTML5"),
txt4=document.createTextNode("CSS3"),
li1=document.createElement("li"),
li2=document.createElement("li"),
li3=document.createElement("li"),
li4=document.createElement("li");
li1.appendChild(txt1);
li2.appendChild(txt2);
li3.appendChild(txt3);
li4.appendChild(txt4);
ul.replaceChild(li1,ul.children[0]);
ul.replaceChild(li2,ul.children.item(1));
ul.replaceChild(li3,ul.children.item(2));
ul.appendChild(li4);
</script>
</body>
</html>
1回答
-
你好同学，虽然也能实现效果，但是代码不太简洁。假如说li比较多的话，这样一个一个的创建很麻烦，建议通过for循环来实现更好：
祝学习愉快，望采纳。
1
相似问题