快捷導(dǎo)航

DOM節(jié)點(diǎn)刪除函數(shù)removeChild()用法實(shí)例

更新時(shí)間：2015年01月12日 10:55:50 投稿：shichen2014

這篇文章主要介紹了DOM節(jié)點(diǎn)刪除函數(shù)removeChild()用法,實(shí)例分析了removeChild()函數(shù)實(shí)現(xiàn)結(jié)點(diǎn)刪除的技巧,需要的朋友可以參考下

本文實(shí)例講述了DOM節(jié)點(diǎn)刪除函數(shù)removeChild()用法。分享給大家供大家參考。具體分析如下：

DOM刪除一個(gè)節(jié)點(diǎn)，必須要站在父節(jié)點(diǎn)的高度去刪除，代碼如下：

復(fù)制代碼代碼如下:

<html>

<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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)點(diǎn)擊彈窗彈出登錄框
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)擊彈窗彈出登錄框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-04-04
仿新浪微博登陸郵箱提示效果的js代碼
本文為大家介紹下使用js仿新浪微博登陸郵箱提示效果，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫組
2013-08-08
可以用鼠標(biāo)拖動(dòng)的DIV實(shí)現(xiàn)思路及代碼
DIV可以拖動(dòng)的效果，想必大家都有見到過(guò)吧,在本文也為大家實(shí)現(xiàn)一個(gè)不錯(cuò)的可以用鼠標(biāo)拖動(dòng)的div,感興趣的各位不要錯(cuò)過(guò)
2013-10-10
基于JS實(shí)現(xiàn)textarea中獲取動(dòng)態(tài)剩余字?jǐn)?shù)的方法
這篇文章主要介紹了基于JS實(shí)現(xiàn)textarea中獲取動(dòng)態(tài)剩余字?jǐn)?shù)的方法的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
2016-05-05
JS中new?Date().Format("yyyy-MM-dd")?報(bào)錯(cuò)的解決
這篇文章主要介紹了JS中new?Date().Format("yyyy-MM-dd")?報(bào)錯(cuò)的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-01-01
基于JavaScript實(shí)現(xiàn)報(bào)警器提示音效果
這篇文章給大家分享分享一段代碼基于JavaScript實(shí)現(xiàn)報(bào)警器提示音效果，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-10-10
從JavaScript的函數(shù)重名看其初始化方式
從JavaScript的函數(shù)重名看其初始化方式...
2007-03-03
javascript 高級(jí)語(yǔ)法之繼承的基本使用方法示例
這篇文章主要介紹了javascript 高級(jí)語(yǔ)法之繼承的基本使用方法,結(jié)合實(shí)例形式分析了JavaScript繼承的基本使用方法與操作注意事項(xiàng),需要的朋友可以參考下
2019-11-11
ie瀏覽器使用js導(dǎo)出網(wǎng)頁(yè)到excel并打印
簡(jiǎn)單介紹一種可以使用簡(jiǎn)單的JS來(lái)實(shí)現(xiàn)把網(wǎng)頁(yè)中的信息原樣導(dǎo)出到Excel、還可以打印的方法,需要的朋友可以參考下
2014-03-03
js模擬實(shí)現(xiàn)百度搜索
這篇文章主要為大家詳細(xì)介紹了js模擬實(shí)現(xiàn)百度搜索，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06