js实现发表评论+删除功能

  <div>
    <textarea name="" id="">
123
    </textarea>
    <button>发布</button>
    <ul>

    </ul>
</div>
    <script>
        //获取元素
        var btn = document.querySelector('button');
        var text = document.querySelector('textarea');
        var ul = document.querySelector('ul');
        //注册事件
        btn.onclick = function(){
            if(text.value == ''){
                alert('您没有输入内容');
                return false;
            }else{
              
                //创建元素
            var li = document.createElement('li');
            //先有li再赋值
            li.innerHTML = text.value;
            //添加元素
            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(){
                    //删除的是Li当前所在的li，this.parentNode
                   ul.removeChild(this.parentNode);
               }
            }
            }
                 
           
        }
    </script>

补充了删除功能