老师请看一下问题出在哪了
来源:9-5 编程练习
李李明明
2020-05-24 10:26:50
<!DOCTYPE html>
<html lang="en">
<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 replace1=document.createTextNode("HTML");
var replace2=document.createTextNode("CSS");
var replace3=document.createTextNode("HTML5");
var replace4=document.createTextNode("CSS3");
var li4=document.createElement("li");
li4.appendChild(replace4);
ul.appendChild(li4);
ul.replaceChild(replace1,ul.firstElementChild);
ul.replaceChild(replace2,ul.children[1]);
ul.replaceChild(replace3,ul.children[2]);*/
var ul=document.getElementById("list");
var div1=document.getElementById("wrap");
var li=document.createElement("li");
var textArray=["HTML","CSS","HTML5","CSS3"];
var newUl=document.createElement("ul");
for (var i=0;i<4;i++){
var li=document.createElement("li");
var text=document.createTextNode(textArray[i]);
li.appendChild(text);
ul.appendChild(li);
newUl.appendChild(ul);
}
div1.replaceChild(newUl,ul);
</script>
</body>
</html>
1回答
同学你好,当老师运行同学代码时,控制台报错:
大致意思是,在代码的32行,要替换的节点不是此节点的子节点。查看同学的代码,是同学在追加元素的时候,追加错了:
如果我的回答帮助了你,欢迎采纳。祝学习愉快~
相似问题