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('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); }
會出現刪除不乾淨的問題
以上是js中remove怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!