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

js中remove怎麼用

anonymity
發布: 2019-05-29 13:27:02
原創
18900 人瀏覽過

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

js中remove怎麼用

語法

selectObject.remove(index)

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

說明

此方法從選項陣列的指定位置移除

下面的範例可從清單中刪除被選的選項:

<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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板