DOM发布评论记录

  <input type="text"><button>发表</button>

    
     <ul></ul>
    
    
    
    

 <script>

    
     /* 
    
         点击发表将输入框的内容添加到ul的第一个子节点
    
     */
    
     // 获取元素 inp btn ul
    
     var inp = document.querySelector('input');
    
     var ul =document.querySelector('ul');
    
     var btn =document.querySelector('button');
    
     console.log(inp, ul, btn);
    
  
    
     // 点击button
    
     btn.onclick = function () {
    
         // 输入框的内容
    
         var txt = inp.value;
    
         console.log(txt);
    
         // 第一个子节