JavaScript實現DOM刪除節點？JS刪除DOM節點示例
本經驗是介紹JavaScript說話中，利用removeChild() 函數刪除節點的詳解。
東西/原料
- 電腦
- 文本編纂器
JS函數介紹
- 1
removeChild() 函數的介紹如下圖：
- 2
removeChild() 函數的語法如下圖：
- 3
removeChild() 函數語法參數申明：
函數應用示例
- 1
removeChild() 函數的實現代碼：
//刪除函數
function removeDom(){
var deldom=document.getElementById('removedom');
if(deldom.hasChildNodes()){
deldom.removeChild(deldom.lastChild);
}
}
- 2
實現函數的挪用代碼如下：
<body>
<h1>刪除節點</h1>
<div id="removedom">
<p>節點一</p>
<p>節點二</p>
</div>
<form>
<input type="button" value="刪除操作" onclick="removeDom();"/>
</form>
</body>
- 3
示例的完整代碼：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<title>removeChild方式示例</title>
<script language="javascript">
//刪除函數
function removeDom(){
var deldom=document.getElementById('removedom');
if(deldom.hasChildNodes()){
deldom.removeChild(deldom.lastChild);
}
}
</script>
</head>
<body>
<h1>刪除節點</h1>
<div id="removedom">
<p>節點一</p>
<p>節點二</p>
</div>
<form>
<input type="button" value="刪除操作" onclick="removeDom();"/>
</form>
</body>
</html>
示例利用結果：
注重事項
- 但愿對讀者有所幫忙~~~喜好的請給小編點個年夜拇指
- 發表于 2018-04-12 00:00
- 閱讀 ( 898 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章