DOM節(jié)點(diǎn)刪除函數(shù)removeChild()用法實(shí)例
本文實(shí)例講述了DOM節(jié)點(diǎn)刪除函數(shù)removeChild()用法。分享給大家供大家參考。具體分析如下:
DOM刪除一個(gè)節(jié)點(diǎn),必須要站在父節(jié)點(diǎn)的高度去刪除,代碼如下:
<head>
<script type="text/javascript">
function t(){
//思路:1.首先找到要?jiǎng)h除的節(jié)點(diǎn);2. 找到它的父節(jié)點(diǎn),在父節(jié)點(diǎn)的角度刪除子節(jié)點(diǎn)
var nodeul = document.getElementsByTagName('ul')[0];//找到父節(jié)點(diǎn)
var li_lan = nodeul.children[2];//找到要?jiǎng)h除的子節(jié)點(diǎn)
nodeul.removeChild(li_lan);//使用removeChild()函數(shù)刪除
}
</script>
</head>
<body>
<div id="container">
<ul>
<li>春天</li>
<li>夏天</li>
<li>藍(lán)天</li>
<li>秋天</li>
<li>冬天</li>
</ul>
</div>
<div id="copyul">
</div>
<hr />
<button onclick="t()" value="">刪除一個(gè)子節(jié)點(diǎn)</button>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- js中使用DOM復(fù)制(克隆)指定節(jié)點(diǎn)名數(shù)據(jù)到新的XML文件中的代碼
- javascript dom操作之cloneNode文本節(jié)點(diǎn)克隆使用技巧
- DOM節(jié)點(diǎn)的替換或修改函數(shù)replaceChild()用法實(shí)例
- javascript獲取dom的下一個(gè)節(jié)點(diǎn)方法
- JavaScript DOM節(jié)點(diǎn)添加示例
- javascript 獲取HTML DOM父、子、臨近節(jié)點(diǎn)
- html dom節(jié)點(diǎn)操作(獲取/修改/添加或刪除)
- jQuery的DOM操作之刪除節(jié)點(diǎn)示例
- js和jquery對(duì)dom節(jié)點(diǎn)的操作(創(chuàng)建/追加)
- JS構(gòu)建頁(yè)面的DOM節(jié)點(diǎn)結(jié)構(gòu)的實(shí)現(xiàn)代碼
- DOM節(jié)點(diǎn)深度克隆函數(shù)cloneNode()用法實(shí)例
相關(guān)文章
Javascript ParentNode和ChildNode接口原理解析
這篇文章主要介紹了Javascript ParentNode和ChildNode接口原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-03-03基于JavaScript實(shí)現(xiàn)無(wú)縫滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)無(wú)縫滾動(dòng)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07ES6知識(shí)點(diǎn)整理之函數(shù)數(shù)組參數(shù)的默認(rèn)值及其解構(gòu)應(yīng)用示例
這篇文章主要介紹了ES6知識(shí)點(diǎn)整理之函數(shù)數(shù)組參數(shù)的默認(rèn)值及其解構(gòu)應(yīng)用,結(jié)合實(shí)例形式分析了ES6函數(shù)數(shù)組參數(shù)解構(gòu)賦值和默認(rèn)值的設(shè)置相關(guān)操作技巧,需要的朋友可以參考下2019-04-04一文帶你快速理解JavaScript中call()函數(shù)的使用
這篇文章主要為大家詳細(xì)介紹了JavaScript中call()函數(shù)的使用的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,需要的可以參考一下2023-03-03JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例
下面小編就為大家分享一篇JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12常用js,css文件統(tǒng)一加載方法(推薦) 并在加載之后調(diào)用回調(diào)函數(shù)
下面小編就為大家?guī)?lái)一篇常用js,css文件統(tǒng)一加載方法(推薦) 并在加載之后調(diào)用回調(diào)函數(shù)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09BootstrapValidator實(shí)現(xiàn)注冊(cè)校驗(yàn)和登錄錯(cuò)誤提示效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap Validator實(shí)現(xiàn)注冊(cè)校驗(yàn)和登錄錯(cuò)誤提示效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03