首頁 >web前端 >js教程 >js中remove怎麼用

js中remove怎麼用

anonymity
anonymity原創
2019-05-29 13:27:0218869瀏覽

remove() 方法用於從下拉清單中刪除選項。

js中remove怎麼用

語法

selectObject.remove(index)

index -- 必要:規定要刪除的選項的索引號。

說明

此方法從選項陣列的指定位置移除 5a07473c87748fb1bf73f23d45547ab8 元素。如果指定的下標比 0 小,或大於或等於選項的數目,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時,循環刪除注意倒著刪除,不要從小向大刪,否則會出現刪除不乾淨的情況. 

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

千萬不要這樣刪除 

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

會出現刪除不乾淨的問題

以上是js中remove怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn