刪除節點removeChild()removeChild() 方法從子節點列表中刪除某個節點。如刪除成功,此方法可返回被刪除的節點,如失敗,則返回 NULL。 語法: nodeObject.removeChild(node)參數: node :必需,指定需要刪除的節點。 註意: 把刪除的子節點賦值給 ...
刪除節點removeChild()
removeChild() 方法從子節點列表中刪除某個節點。如刪除成功,此方法可返回被刪除的節點,如失敗,則返回 NULL。
語法:
nodeObject.removeChild(node)
參數:
node :必需,指定需要刪除的節點。
註意: 把刪除的子節點賦值給 x,這個子節點不在DOM樹中,但是還存在記憶體中,可通過 x 操作。
如果要完全刪除對象,給 x 賦 null 值。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文檔</title> </head> <body> <div id="content"> <h1>html</h1> <h1>php</h1> <h1>javascript</h1> <h1>jquery</h1> <h1>java</h1> </div> <script type="text/javascript"> //一次性刪除所有子節點 function clearText() { var content=document.getElementById("content"); for(var i=0;i<content.childNodes.length;i++){ var node = content.childNodes[i]; content.removeChild(node); } } </script> <button onclick="clearText()">清除節點內容</button> </body> </html>