javascript刪除一個(gè)html元素節(jié)點(diǎn)的方法
更新時(shí)間：2014年12月20日 10:46:07 投稿：shichen2014
這篇文章主要介紹了javascript刪除一個(gè)html元素節(jié)點(diǎn)的方法,可通過獲取父節(jié)點(diǎn)再查找并刪除子節(jié)點(diǎn)來實(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://www.dbjr.com.cn/" />
<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.dbjr.com.cn/" />
<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í)沒有沒有一個(gè)方法能夠刪除元素本身，如果要?jiǎng)h除可以通過通過父節(jié)點(diǎn)的removeChild()方法刪除指定的子元素，代碼比較簡(jiǎn)單，這里不多介紹了，感興趣的朋友可以參閱相關(guān)資料。
希望本文所述對(duì)大家基于javascript的web程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript制作簡(jiǎn)單網(wǎng)頁(yè)計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JavaScript制作簡(jiǎn)單網(wǎng)頁(yè)計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序新建頁(yè)面的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
javascript調(diào)試過程中找不到哪里出錯(cuò)的可能原因
本文為大家講解下在寫javascript時(shí)找不到哪里出錯(cuò)的可能原因，遇到的朋友可以參考下2013-12-12
Echarts非常強(qiáng)大，配置也非常的多，有很多細(xì)節(jié)需要深入研究。這篇文章主要介紹了Echarts之懸浮框中的數(shù)據(jù)排序問題,需要的朋友可以參考下2018-11-11
今天小編就為大家分享一篇關(guān)于JavaScript的詞法結(jié)構(gòu)精華篇，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2018-10-10
《JavaScript高級(jí)程序設(shè)計(jì)》閱讀筆記（三） ECMAScript中的引用類型
ECMAScript中的引用類型，主要包括Object類、Boolean類、Number類、String類、instanceof運(yùn)算符2012-02-02
JavaScript requestAnimationFrame動(dòng)畫詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript requestAnimationFrame動(dòng)畫，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
javascript實(shí)現(xiàn)動(dòng)態(tài)顯示顏色塊的報(bào)表效果
本文主要介紹了javascript實(shí)現(xiàn)動(dòng)態(tài)顯示顏色塊的報(bào)表效果的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04
微信開發(fā)之調(diào)起攝像頭、本地展示圖片、上傳下載圖片實(shí)例
這篇文章主要介紹了微信開發(fā)之調(diào)起攝像頭、本地展示圖片、上傳下載圖片實(shí)例，具有一定的參考價(jià)值有興趣的可以了解一下。2016-12-12
關(guān)于laydate.js加載laydate.css路徑錯(cuò)誤問題解決
日期時(shí)間選擇插件 laydate.js相信對(duì)大家來說都不陌生，這篇文章主要給大家介紹了關(guān)于laydate.js加載laydate.css路徑錯(cuò)誤問題解決的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-12-12