遇到的坑·

<button class="btn1">按钮1</button>
    <ul class="list">
        <li>li 1</li>
        <li>li 2</li>
        <li>li 3</li>
    </ul>
    <script>
        var btn1 = document.querySelector('.btn1')
        var lis = document.querySelectorAll('.list li')

        var uls = document.querySelector('.list')
        // var newli = document.createElement('li')
        // newli.innerHTML = 'newli'
        //创建的元素节点要在点击事件里面创建，如果在外面创建，点击之后
        //只会插入一个，因为插入之后，外面的节点就没了
        btn1.onclick = function (){
            var newli = document.createElement('li')
            newli.innerHTML = 'newli'
            uls.appendChild(newli)
        }
    </script>