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