请选择 进入手机版 | 继续访问电脑版

js节点操作之删除节点案例教程附带代码源码

[复制链接]
查看1500 | 回复0 | 2020-6-4 14:28 | 显示全部楼层 |阅读模式
js节点操作之删除节点案例教程附带代码源码
  1. <button>删除</button>
  2.     <ul>
  3.         <li>1</li>
  4.         <li>2</li>
  5.         <li>3</li>
  6.         <li>4</li>
  7.         <li>5</li>
  8.     </ul>
复制代码
JavaScript代码:
  1. var btn = document.querySelector('button');
  2.   var ul = document.querySelector('ul');
  3.   var lis = ul.children;
  4.   btn.onclick = function() {
  5.       if (lis.length === 0) {
  6.           this.disabled = true;
  7.       } else {
  8.           ul.removeChild(ul.children[0]);
  9.       }
  10.   }
复制代码

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24