老师怎么动态添加创建li的注释呢
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.li{list-style:none;height:50px;line-height:50px;width:100px;background-color:lightblue;text-align:center;}
</style>
</head>
<body>
<script>
//在此处补充代码
//创建ul标签
var ul = document.createElement("ul");
//声明li
var li = null;
//循环添加
for(var i=0;i<3;i++){
lis = document.createElement("li");
//创建li标签中的内容
var text = document.createTextNode("第"+ (i+1) + "个li");
//将text添加到li中
lis.appendChild(text);
//创建添加li的节点注释
// var com2 = document.createComment("创建第"+(i+1)+"个标签");
//获取创建的li
// var li1 = document.getElementsByTagName("li")[i];
//将com2添加到li前
// document.insertBefore(com2,li1);
//设置li的类名
lis.className = "li";
//将li标签添加到ul标签中
ul.appendChild(lis);
}
//将ul插入body中
document.body.appendChild(ul);
//创建ul注释节点
var com1 = document.createComment("创建ul标签");
//将创建好的注释节点插入到新创建的ul标签前面
document.body.insertBefore(com1,ul);
</script>
</body>
</html>1
收起
正在回答
2回答
同学你好，非常抱歉，看同学ul的实现了，而方式也是一样的；没有注意到注释的代码。
如下，前面不是document，li的父级节点ul即可，例：
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星