検索

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

jsでremoveを使う方法

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

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は何に適していますか?

関連記事

続きを見る