100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JavaScript文档对象模型DOM节点操作之删除节点(6)

JavaScript文档对象模型DOM节点操作之删除节点(6)

时间:2019-05-03 16:41:13

相关推荐

JavaScript文档对象模型DOM节点操作之删除节点(6)

removeChild方法只能删除当前节点的子节点

效果展示:

示例展示:

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><button>删除</button><ul><li>li1</li><li>li2</li><li>li3</li><li>li4</li></ul><script>//当点击删除按钮就删除ul里面的li元素,直到全部删完,删除按钮禁用var btn = document.querySelector('button');var ul = document.querySelector('ul');btn.onclick = function() {if (ul.children.length == 0) {this.style.disabled = true; //disabled属性为true时代表按钮被禁用 flase的话代表按钮未被禁用}else {ul.removeChild(ul.children[0]);}}</script></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。