欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript刪除指定元素節(jié)點的方法

 更新時間:2016年06月21日 11:25:44   作者:沫魚  
這篇文章主要介紹了使用Javascript刪除指定元素節(jié)點的方法,通俗易懂,需要的朋友可以參考下。

在javascript操作dom樹的時候可能會經(jīng)常遇到增加,刪除節(jié)點的事情,比如一個輸入框后一個增加按鈕,一個刪除按鈕,點擊增加就增加 個輸入框,點擊刪除就刪除對應的輸入框。在一些js框架,如Prototype中,可以用element.remove()來刪除一個節(jié)點,核心JS中并 沒有這樣的方法,IE中有這樣一個方法:removeNode(),嘗試運行下面的代碼

<div><input onclick="removeNode(this)" type="text" value="點擊移除該輸入框" /></div>

可以發(fā)現(xiàn),這個方法在IE下是好使的,但是在Firefox等標準瀏覽器中就會報錯了 removeNode is not defined,但是在核心JS中有一個操作DOM節(jié)點的方法叫:removeChild(),看名字應該就知道是移除子節(jié)點的,那么我們就可以變通一下 來實現(xiàn)移除指定的節(jié)點了,我們可以先去找到要刪除節(jié)點的父節(jié)點,然后在父節(jié)點中運用removeChild來移除我們想移除的節(jié)點。我們可以定義一個方 法,就叫removeElement吧。

function removeElement(_element){
 var _parentElement = _element.parentNode;
 if(_parentElement){
  _parentElement.removeChild(_element); 
 }
}

嘗試運行下面的代碼,可以在各種瀏覽器中正確執(zhí)行了。

<script type="text/javascript">
function removeElement(_element){
 var _parentElement = _element.parentNode;
 if(_parentElement){
  _parentElement.removeChild(_element);
 }
}
</script>
<div><input onclick="removeElement(this)" type="text" value="點擊移除該輸入框" /></div>

以上就是本文的全部內(nèi)容,了解更多JavaScript的語法,大家可以查看:《JavaScript 參考教程》、《JavaScript代碼風格指南》,也希望大家多多支持腳本之家。

相關(guān)文章

  • js查錯流程歸納

    js查錯流程歸納

    歸納是為了更好的理解。平時同事有問題找我?guī)兔鉀Q問題,往往都是很小的問題,這種情況他們并不是缺乏解決問題的知識,而是需要找到問題的辦法
    2012-05-05
  • JavaScript ES6 Class類實現(xiàn)原理詳解

    JavaScript ES6 Class類實現(xiàn)原理詳解

    這篇文章主要介紹了JavaScript ES6 Class類實現(xiàn)原理詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-05-05
  • JavaScript function函數(shù)種類詳解

    JavaScript function函數(shù)種類詳解

    這篇文章主要為大家詳細介紹了JavaScript function函數(shù)種類,包括普通函數(shù)、匿名函數(shù)、閉包函數(shù),感興趣的小伙伴們可以參考一下
    2016-02-02
  • JavaScript中類型的強制轉(zhuǎn)換與隱式轉(zhuǎn)換詳解

    JavaScript中類型的強制轉(zhuǎn)換與隱式轉(zhuǎn)換詳解

    類型強制Coercion是將值從一種類型轉(zhuǎn)換為另一種類型的過程(例如字符串轉(zhuǎn)換為數(shù)字,對象轉(zhuǎn)換為布爾值等),下面這篇文章主要給大家給大家介紹了JavaScript中類型的強制轉(zhuǎn)換與隱式轉(zhuǎn)換的相關(guān)資料,需要的朋友可以參考下
    2021-08-08
  • JavaScript中5種調(diào)用函數(shù)的方法

    JavaScript中5種調(diào)用函數(shù)的方法

    這篇文章主要介紹了JavaScript中5種調(diào)用函數(shù)的方法,本文詳細的介紹了Javascript中各種函數(shù)調(diào)用的方法及其原理,對于理解JavaScript的函數(shù)有很大的幫助,需要的朋友可以參考下
    2015-03-03
  • 微信小程序組件開發(fā)之可視化電影選座功能

    微信小程序組件開發(fā)之可視化電影選座功能

    開發(fā)微信小程序的過程中,選擇一款好用的組件庫,可以達到事半功倍的效果,下面這篇文章主要給大家介紹了關(guān)于微信小程序組件開發(fā)之可視化電影選座功能的相關(guān)資料,需要的朋友可以參考下
    2021-08-08
  • 微信小程序icon組件使用詳解

    微信小程序icon組件使用詳解

    這篇文章主要為大家詳細介紹了微信小程序icon組件的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-01-01
  • 基于JavaScript實現(xiàn)表格滾動分頁

    基于JavaScript實現(xiàn)表格滾動分頁

    這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)表格滾動分頁,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • javascript+css 網(wǎng)頁每次加載不同樣式的實現(xiàn)方法

    javascript+css 網(wǎng)頁每次加載不同樣式的實現(xiàn)方法

    用戶每次訪問時隨機載入樣式,讓微博在視覺上保持新鮮感。雖然思路與實現(xiàn)都比較簡單,但還是想記錄下來,與大家分享。
    2009-12-12
  • JS實現(xiàn)鼠標點擊箭頭旋轉(zhuǎn)180度功能

    JS實現(xiàn)鼠標點擊箭頭旋轉(zhuǎn)180度功能

    這篇文章主要介紹了JS實現(xiàn)鼠標點擊箭頭旋轉(zhuǎn)180度的效果,通過點擊三角按鈕旋轉(zhuǎn)180度,本文通過實例代碼給大家介紹的非常詳細,需要的朋友參考下吧
    2024-02-02

最新評論