myDiv.style.display をマスター スタイルシートに設定すると空白が返されるのはなぜですか?

マスター スタイルシートで設定すると myDiv.style.Display が空白を返す

myDiv.style を使用して div 要素の表示スタイルを設定する場合。表示 (JavaScript) では、マスター スタイルシートで表示スタイルが none に設定されている場合、空白の文字列を返すことが予期される動作です。これは、JavaScript が計算スタイル (CSS ルールによって適用されるスタイル) に直接アクセスできないために発生します。

この問題を解決し、正確な表示スタイルを取得するには、getComputedStyle() メソッドを使用することをお勧めします。このメソッドを使用すると、マスター スタイルシートで定義されたスタイルを含む、要素の計算されたスタイルにアクセスできます。

getComputedStyle() の使用方法の例を次に示します。

function getStyle(id, name) {
    var element = document.getElementById(id);
    return element.currentStyle ? element.currentStyle[name] : window.getComputedStyle ? window.getComputedStyle(element, null).getPropertyValue(name) : null;
}

var display = getStyle('myDiv', 'display');
alert(display); // Will print 'none' or 'block' or 'inline' etc.

getComputedStyle() を利用することにより、を使用すると、マスター スタイルシートで設定されている場合でも、要素の表示スタイルを正確に取得できます。これにより、JavaScript を使用して表示スタイルを切り替えるときに適切な機能が確保されます。

以上がmyDiv.style.display をマスター スタイルシートに設定すると空白が返されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。