這次帶給大家JS如何實現DOM刪除節點,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中文網其他相關文章!