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