JS - 简易留言板，发布 + 删除留言

    <textarea name="" id="" cols="30" rows="10"></textarea>
    <button>发布</button>
    <ul></ul>

    <script>
        var text = document.querySelector('textarea');
        var btn = document.querySelector('button');
        var ul = document.querySelector('ul');
        btn.onclick = function() {
            if (text.value == '') {
                alert('请您输入内容后再提交');
            } else {
                var li = document.createElement('li');
                li.innerHTML = text.value + "<a href='javascript:;'> 删除 </a>";
                ul.insertBefore(li, ul.children[0]);
                text.value = '';
            }
            // 删除留言
            var as = document.querySelectorAll('a');
            for (var i = 0; i < as.length; i++) {
                as[i].onclick = function() {
                    ul.removeChild(this.parentNode);
                }
            }
        }
    </script>

错误记录：删除不了留言。

问题：删除留言的代码放在了btn.onclick的外面。

原因：a是在btn.onclick的函数里生成的，属于局部变量。

注意：获取a的时候，不止一个a，用All