这样对么？

来源：2-4 编程练习

陈子长

2018-12-24 17:32:35

<!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>
    //在此处补充代码
    var ul = document.createElement('ul');
    var comment = document.createComment('创建节点');
    document.body.appendChild(ul);
    document.body.appendChild(comment);
    for (var i = 0 ; i < 3 ; i++) {
        var li = document.createElement('li');
        var txt = document.createTextNode('第' + (i + 1) + '个节点');
        ul.appendChild(li);
        li.appendChild(txt);
        li.className = 'li';
    }
    </script>
</body>

</html>

写回答

1回答