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

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

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

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

嘗試運(yùn)行下面的代碼，可以在各種瀏覽器中正確執(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="點(diǎn)擊移除該輸入框" /></div>

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