這次帶給大家用JS刪除DOM節點,用JS刪除DOM節點的注意事項有哪些,下面就是實戰案例,一起來看一下。
一 介紹
刪除節點透過使用removeChild()
方法來實作。
removeChild()
方法用來刪除子節點。
obj. removeChild(oldChild)
oldChild:表示需要刪除的節點。
二套用
刪除節點,此範例將透過DOM物件的removeChild()
方法,動態刪除頁面中所選取的文字。
三 程式碼
<!DOCTYPE html> <html> <head> <title> 删除节点</title> <script language="javascript"> <!-- function delNode() { var deleteN=document.getElementById('di'); if(deleteN.hasChildNodes()) { deleteN.removeChild(deleteN.lastChild); } } --> </script> </head> <body> <h1>删除节点</h1> <p id="di"> <p>第一行文本</p> <p>第二行文本</p> <p>第三行文本</p> </p> <form> <input type="button" value="删除" onclick="delNode();"/> </form> </body> </html>
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是用JS刪除DOM節點的詳細內容。更多資訊請關注PHP中文網其他相關文章!