这样对么？

来源：5-5 编程练习

陈子长

2018-12-25 15:43:41

<!DOCTYPE html>
<html lang="en">

<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 ul = document.createElement('ul');
    var li0 = document.createElement('li');
    var li1 = document.createElement('li');
    var li2 = document.createElement('li');
    var li3 = document.createElement('li');
    
    var txt0 = document.createTextNode('000');
    var txt1 = document.createTextNode('111');
    var txt2 = document.createTextNode('222');
    var txt3 = document.createTextNode('333');

    li0.appendChild(txt0);
    li1.appendChild(txt1);
    li2.appendChild(txt2);
    li3.appendChild(txt3);

    ul.appendChild(li0);
    ul.appendChild(li1);
    ul.appendChild(li2);
    ul.appendChild(li3);

    wrap.replaceChild(ul, list);
    </script>
</body>

</html>

写回答

1回答