JavaScript で要素の CSS `display` プロパティを確認するにはどうすればよいですか?

JavaScript で要素の CSS 表示プロパティを確認する方法

JavaScript では、表示プロパティを含む要素の CSS プロパティを検査できます。さまざまな方法を使用して、要素の表示が「ブロック」または「なし」に設定されているかどうかを確認できます。

計算スタイルの使用

要素の表示が CSS ルールによって継承または定義されている場合、計算されたスタイルを取得する必要があります:

const display = window.getComputedStyle(element, null).display;

これは、計算された表示値を表す文字列を返します。 「block」、「none」、または別の有効な表示プロパティを指定します。

Style プロパティの使用

要素の表示がインライン スタイルまたは JavaScript を使用して直接設定されている場合は、 style プロパティ:

const display = document.getElementById('someIDThatExists').style.display;

これは、表示プロパティの現在の設定を示す文字列値も返します。

以上がJavaScript で要素の CSS `display` プロパティを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。