原生js留言板

html部分
        type="button" id="btn" value="提交">
js部分
</div><div>    // 通过document获取</div><div>    var btn = document.getElementById('btn');</div><div>    var list = document.querySelector('.list');</div><div>    var text = document.getElementById('text');</div><div>    btn.onclick = function(){</div><div>        // 如果text为空则提示</div><div>        if(text.value == ''){</div><div>            alert('请输入内容')</div><div>        }else{</div><div>            var li = document.createElement('li');</div><div>            // innerHTML像对象插入内容</div><div>            li.innerHTML = text.value+'<span>'+'<button>删除</button></span>';</div><div>            text.value='';</div><div>            list.insertBefore(li,list.children[0]);</div><div>            //获取上面插入的button</div><div>            var allB = document.querySelectorAll('button');</div><div>            for(var i=0;i<allB.length;i++){</div><div>                allB[i].οnclick=function(){</div><div>                    list.removeChild(this.parentNode.parentNode);</div><div>                }</div><div>            }</div><div>        }</div><div>    }</div><div>