js中remove如何使用

發(fā)布時間：2020-09-24 09:54:04 來源：億速云閱讀：732 作者：小新欄目：web開發(fā)

這篇文章主要介紹了js中remove如何使用，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

remove() 方法用于從下拉列表刪除選項。

語法

selectObject.remove(index)

index -- 必需：規(guī)定要刪除的選項的索引號。

說明

該方法從選項數(shù)組的指定位置移除 <option> 元素。如果指定的下標(biāo)比 0 小，或者大于或等于選項的數(shù)目，remove() 方法會忽略它并什么也不做。

下面的例子可從列表中刪除被選的選項：

<html>
<head>
<script type="text/javascript">
function removeOption()
  {
  var x=document.getElementById("mySelect")  x.remove(x.selectedIndex)
  }
</script>
</head>
<body>
<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
<input type="button" onclick="removeOption()"
value="Remove option">
</form>
</body>
</html>

注意：在刪除大量node時,循環(huán)刪除注意倒著刪除,不要從小向大刪,否則會出現(xiàn)刪除不干凈的情況.

var re = document.getElementsByClassName('remove'); 
for (var i = re.length-1;i >=0;i--) { 
re[i].remove(); 
console.log(i); 
}

千萬不要這樣刪除

var re = document.getElementsByClassName('remove'); 
for (var i = 0;i <re.length;i++) { 
re[i].remove(); 
console.log(i); 
}

會出現(xiàn)刪不干凈的問題

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享js中remove如何使用內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

js中remove如何使用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽