原生js实现删除节点操作
生活随笔
收集整理的這篇文章主要介紹了
原生js实现删除节点操作
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 代碼
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>節點刪除操作</title> </head> <body><button>刪除</button><ul><li>趙四</li><li>劉能</li><li>謝廣坤</li></ul><script>// 1. 獲取元素var ul = document.querySelector('ul');var button = document.querySelector('button');// 2. 刪除元素button.onclick = function() {if(ul.children.length === 0) {// 當沒有元素可以刪除，禁用按鈕button.disabled = true;} else {ul.removeChild(ul.children[0]);}}</script> </body> </html>2. 效果
總結
以上是生活随笔為你收集整理的原生js实现删除节点操作的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SpringMVC(十七-二十) Mod
- 下一篇： 导入数据任务（id:373985）异常，