老师请看一下问题出在哪了

来源: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回答

好帮手慕粉

2020-05-24

同学你好,当老师运行同学代码时,控制台报错:

http://img.mukewang.com/climg/5ec9e4680939f91c16460086.jpg

大致意思是,在代码的32行,要替换的节点不是此节点的子节点。查看同学的代码,是同学在追加元素的时候,追加错了:

http://img.mukewang.com/climg/5ec9e53c090d6f8309110270.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

0

0 学习 · 40143 问题

查看课程