JavaScript は HTML 要素の表示属性 (ブロックまたはなし) をどのように決定できますか?

JavaScript を使用した要素の表示属性の決定

質問:

かどうかを確認することは可能ですか? HTML 要素の CSS 表示属性が「block」に設定されている、またはJavaScript を使用して「なし」ですか?

答え:

はい、JavaScript を使用して要素の表示属性を確認することができます。この方法は、属性がインラインで定義されているか、CSS ルールの一部として定義されているかによって異なります。

継承または CSS ルール:

表示属性が親から継承されている場合要素、または CSS スタイル ルールで指定されている場合は、要素の計算された値を取得する必要があります。 style:

return window.getComputedStyle(element, null).display;

インライン スタイルまたは JavaScript 操作:

インラインで宣言された表示スタイルを持つ要素、または JavaScript 経由で変更された要素の場合、要素の属性から直接属性を取得できます。 style プロパティ:

console.log(document.getElementById('someIDThatExists').style.display);

これは、現在の表示属性を表す文字列を返します。値。

以上がJavaScript は HTML 要素の表示属性 (ブロックまたはなし) をどのように決定できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。