js模拟动态删除留言功能

记忆怪 bug

于 2022-08-05 15:35:55 发布

阅读量127

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_66051368/article/details/126178871

版权

js 专栏收录该内容

21 篇文章

订阅专栏

 <body>
    <div id="cj">创建的节点放这里</div>
    <div id="list">
      <h1>示例</h1>
    </div>
    <script>
      var arr = ['111', '222', '333']
      for (var i = 0; i < arr.length; i++) {
        var oli = document.createElement('li')
        oli.innerHTML = arr[i]
        var obutton = document.createElement('button')
        obutton.innerHTML = 'delete'
        obutton.onclick = btnClick
        oli.appendChild(obutton)
        list.appendChild(oli)
      }
      function btnClick() {
        console.log(this)
        this.parentNode.remove()
      }
    </script>
  </body>