当前位置:网站首页>js模拟动态删除留言功能

js模拟动态删除留言功能

2022-08-06 07:14:40记忆怪 bug

 <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>

 

原网站

版权声明
本文为[记忆怪 bug]所创,转载请带上原文链接,感谢
https://blog.csdn.net/m0_66051368/article/details/126178871

随机推荐