老师怎么动态添加创建li的注释呢

来源：6-4 编程练习

qq_慕九州2374973

2019-11-22 21:34:53

<!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>

写回答

2回答