ホームページ > 記事 > ウェブフロントエンド > jsでremoveを使う方法

jsでremoveを使う方法

anonymityオリジナル: 2019-05-29 13:27:0218845ブラウズ

remove() メソッドは、ドロップダウンリストからオプションを削除するために使用されます。

jsで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>

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

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：vuejsは何に適していますか?次の記事：vuejsは何に適していますか?

続きを見る