Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでDOM要素を削除する方法

JavaScriptを使用してDOMから要素をすばやく削除または非表示にする2つの異なる方法について説明します。

JavaScriptを使用してDOMから要素を削除/非表示にする方法は2つあります。自問してみてください。「この要素をいつか元に戻す必要がありますか？」 。

答えがはいの場合 次に、非表示にする必要があります styleプロパティを持つ要素：

const hideElement = document.querySelector('#element-to-hide')
hideElement.style.display = 'none'

要素を元に戻す必要がない場合は、次の方法を使用します：

const removeElement = document.querySelector('#element-to-remove')
removeElement.parentNode.removeChild(removeElement)

querySelector()を使用する場合は注意してください 要素を選択するには、# ID属性.を持つ要素用です。 クラス用です。


  1. JavaScriptを使用して要素からクラス名を削除するにはどうすればよいですか？

    JavaScriptを使用して要素からクラス名を削除するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-family: "Segoe UI", Tahoma, Geneva

  2. JavaScriptでボタンクリックでli要素を削除するにはどうすればよいですか？

    以下が順不同リスト（ul）であるとしましょう- <ul>    <li class="subjectName">JavaScript <button>Remove</button></li>    <br>    <li class="subjectName">MySQL <button>Remove</button></li>    <br>