编程实现输入框和确定按钮，点击确定，列表中增加当前输入内容，并清空输入框列表中每条有删除按钮，点击删除本条内容

最新推荐文章于 2023-03-31 17:55:58 发布

luyiyi_lll

最新推荐文章于 2023-03-31 17:55:58 发布

阅读量605

点赞数

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

本文链接：https://blog.csdn.net/weixin_43883285/article/details/107134272

版权

javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<body>
  <input id="input" type="text" name="" id="">
  <button onclick="addContent()">添加</button>
  <ul id="ul"></ul>
  <script>
    function addContent() {
      let ul = document.getElementById('ul')
      let li = document.createElement('li');
      li.appendChild(document.createTextNode(document.getElementById('input').value))
      let mybutton = document.createElement('input');
      mybutton.type = "button";
      mybutton.value = "删除";
      mybutton.onclick = function () {
        deleteLi(lis.length);
      }
      li.appendChild(mybutton)
      ul.appendChild(li)
      document.getElementById('input').value = "";
    }

    function deleteLi(index) {
      let ul = document.getElementById('ul');
      ul.removeChild(ul.childNodes[index - 1]);
    }
  </script>
</body>

luyiyi_lll

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
编程实现输入框和确定按钮，点击确定，列表中增加当前输入内容，并清空输入框列表中每条有删除按钮，点击删除本条内容

<body> <input id="input" type="text" name="" id=""> <button onclick="addContent()">添加</button> <ul id="ul"></ul> <script> function addContent() { let ul = document.getElementById('ul') let l
复制链接

扫一扫