老师,这个能有简便的方法吗?
来源：5-5 编程练习
沧海的雨季
2018-10-20 07:17:34
<!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');
var list=document.getElementById('list');
var newList=document.createElement('ul');
var lia=document.createElement('li');
var lib=document.createElement('li');
var lic=document.createElement('li');
var lid=document.createElement('li');
var li1=document.createTextNode('HTML');
var li2=document.createTextNode('CSS');
var li3=document.createTextNode('HTML5');
var li4=document.createTextNode('CSS3');
lia.appendChild(li1);
lib.appendChild(li2);
lic.appendChild(li3);
lid.appendChild(li4);
newList.appendChild(lia);
newList.appendChild(lib);
newList.appendChild(lic);
newList.appendChild(lid);
wrap.replaceChild(newList,list);
</script>
</body>
</html>
1回答
-
可以结合for循环 ，如下定义一个数组 ，在循环中使用下标的方式获取到数组中每个元素 ，把元素依次插入到文本节点中 。
希望能够帮到你 ， 祝学习愉快，望采纳
0
相似问题