1.1. 節(jié)點(diǎn)操作
1.1.1 刪除節(jié)點(diǎn) ***
(01-節(jié)點(diǎn)操作-刪除節(jié)點(diǎn).avi)
語法
? node.removeChild(child)
? 說明:node.removeChild() 方法從 node節(jié)點(diǎn)中刪除一個(gè)子節(jié)點(diǎn)筋现,返回刪除的節(jié)點(diǎn)。
例子
? ? <button>刪除</button>
? ? <ul>
? ? ? ? <li>熊大</li>
? ? ? ? <li>熊二</li>
? ? ? ? <li>光頭強(qiáng)</li>
? ? </ul>
? ? <script>
? ? ? ? // 1.獲取元素
? ? ? ? var ul = document.querySelector('ul');
? ? ? ? var btn = document.querySelector('button');
? ? ? ? // 2. 刪除元素? node.removeChild(child)
? ? ? ? // ul.removeChild(ul.children[0]);
? ? ? ? // 3. 點(diǎn)擊按鈕依次刪除里面的孩子
? ? ? ? btn.onclick = function() {
? ? ? ? ? ? if (ul.children.length == 0) {
? ? ? ? ? ? ? ? this.disabled = true;
? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? //注意:每次點(diǎn)擊都是刪除第一個(gè)
? ? ? ? ? ? ? ? //第一次刪除3個(gè)里邊的第一個(gè),刪除之后原來的1,2變?yōu)?,1芝囤,所以在次刪除還是刪除0
? ? ? ? ? ? ? ? ul.removeChild(ul.children[0]);
? ? ? ? ? ? }
? ? ? ? }
? ? </script>