javascript怎麼刪除dom
- 藏色散人原創
- 2021-03-30 14:51:437952瀏覽
javascript刪除dom的方法：先建立一個HTML範例檔案並建立一個button按鈕；然後透過使用「removeChild()」方法來實作刪除節點。
本文操作環境：windows7系統、javascript1.8.5版，DELL G3電腦。
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>
<div id="di">
<p>第一行文本</p>
<p>第二行文本</p>
<p>第三行文本</p>
</div>
<form>
<input type="button" value="删除" onclick="delNode();"/>
</form>
</body>
</html>【推薦學習：js基礎教學】
以上是javascript怎麼刪除dom的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：javascript怎麼刪除行下一篇：javascript怎麼刪除行