js中remove怎麼用-js教程-PHP中文網

js中remove怎麼用

anonymity

發布： 2019-05-29 13:27:02

原創

18835 人瀏覽過

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

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

js中remove怎麼用