老师我创建了一个文档片段,当我把li放进这个文档片段里为啥执行不了
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
//创建多个节点的第一种方法
/*var ul=document.createElement("ul")
var li1=document.createElement("li")
var li2=document.createElement("li")
var li3=document.createElement("li")
var text1=document.createTextNode("第一个li")
var text2=document.createTextNode("第二个li")
var text3=document.createTextNode("第三个li")
var com=document.createComment("创建节点")
document.body.appendChild(ul)
document.body.insertBefore(com,ul)
li1.className="li"
li2.className="li"
li3.className="li"
ul.appendChild(li1)
ul.appendChild(li2)
ul.appendChild(li3)
li1.appendChild(text1)
li2.appendChild(text2)
li3.appendChild(text3)
*/
//创建节点的第二种方法
var ul=document.createElement("ul")
var com=document.createComment("创建节点")
var bt=document.createDocumentFragment()
for(i=0;i<3;i++){
var li=document.createElement("li")
var text=document.createTextNode("第"+(i+1)+"个li")
ul.appendChild(li)
li.className="li"
//bt.appendChild(li)
//bt.appendChild(text)
li.appendChild(text)
}
document.body.appendChild(ul)
document.body.insertBefore(com,ul)
</script>
</body>
</html>
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星