您好,登錄后才能下訂單哦!
這篇文章主要介紹了js中remove如何使用,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
remove() 方法用于從下拉列表刪除選項。
語法
selectObject.remove(index)
index -- 必需:規定要刪除的選項的索引號。
說明
該方法從選項數組的指定位置移除 <option> 元素。如果指定的下標比 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如何使用內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。