jsでremoveを使う方法

anonymity
リリース: 2019-05-29 13:27:02
オリジナル
18912 人が閲覧しました

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>
ログイン後にコピー

注: 多数のノードを削除する場合は、次の点に注意してください。ループで削除します。慎重に削除してください。小さいものから大きいものへと削除しないでください。そうしないと、削除が不完全になります。

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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート