javascript刪除一個html元素節(jié)點的方法
更新時間：2014年12月20日 10:46:07 投稿：shichen2014
這篇文章主要介紹了javascript刪除一個html元素節(jié)點的方法,可通過獲取父節(jié)點再查找并刪除子節(jié)點來實現(xiàn)該功能,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實例講述了利用原生javascript實現(xiàn)刪除一個指定的html元素的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>腳本之家</title>
<style>
#content{
width:200px;
height:20px;
color:red;
}
</style>
<script>
window.onload=function(){
var obt=document.getElementById("bt");
var odiv=document.getElementById("content");
obt.onclick=function(){
odiv.parentNode.removeChild(odiv);
}
}
</script>
</head>
<body>
<div id="content">腳本之家</div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>腳本之家</title>
<style>
#content{
width:200px;
height:20px;
color:red;
}
</style>
<script>
window.onload=function(){
var obt=document.getElementById("bt");
var odiv=document.getElementById("content");
obt.onclick=function(){
odiv.parentNode.removeChild(odiv);
}
}
</script>
</head>
<body>
<div id="content">腳本之家</div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
在原生的javascript中，暫時沒有沒有一個方法能夠刪除元素本身，如果要刪除可以通過通過父節(jié)點的removeChild()方法刪除指定的子元素，代碼比較簡單，這里不多介紹了，感興趣的朋友可以參閱相關資料。
希望本文所述對大家基于javascript的web程序設計有所幫助。
相關文章
JavaScript數(shù)組_動力節(jié)點Java學院整理
這篇文章主要介紹了JavaScript數(shù)組的相關知識，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了JavaScript的執(zhí)行機制，對此感興趣的同學，可以參考下2021-04-04
Javascript在IE或Firefox下獲取鼠標位置的代碼
由于Firefox和IE等瀏覽器之間對JS解釋的方式不一樣，F(xiàn)irefox下面獲取鼠標位置不能夠直接使用clientX來獲取。網(wǎng)上說的一般都是觸發(fā)mousemove事件才行。我這里有兩段代碼，思路都一樣，就是風格不同。2009-12-12
document.compatMode的CSS1compat使用介紹
這篇文章主要介紹了document.compatMode的CSS1compat使用,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了JavaScript構建自己的對象,結合實例形式分析了javascript自定義類的定義與對象的實例化相關操作技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了JS實現(xiàn)判斷對象是否為空對象的5種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-04-04
JS基于clipBoard.js插件實現(xiàn)剪切、復制、粘貼
這篇文章主要介紹了JS實現(xiàn)剪切、復制、粘貼——clipBoard.js 的相關資料,需要的朋友可以參考下2016-05-05
在JavaScript中實現(xiàn)鏈式調用的實現(xiàn)
這篇文章主要介紹了在JavaScript中實現(xiàn)鏈式調用的實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
這篇文章主要為大家詳細介紹了微信小程序用swiper實現(xiàn)滑動刻度尺，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
js的.innerHTML = ""IE9下顯示有錯誤的解決方法
js的.innerHTML= "……"在ie9- 的版本顯示不正常，使用jquery可以解決，有類似問題的朋友可以參考下2013-09-09