1

mouseOverステータス (true/false)に基づいて、HTML 要素のいくつかの CSS パラメーターを変更しようとしています。

元：

mouseOver=trueテキストの色を青に変更する必要がある場合

mouseOver=falseテキストの色が CSS ファイルの値を使用する必要がある場合

ここでの問題は、関数を介して元の値を手動で渡すのではなく、CSS ファイルの元の値を調べるように関数に指示するにはどうすればよいですか?

以下は私のコードです。n=マウスの状態。そして、n値に基づいて可視性の値を変更しています。

IF ステートメントで、既に CSS ファイルにある元の値を使用するように関数に指示するにはどうすればよいですか?

function showitem(n) {
    if (n==true) {
        document.getElementById('colorstest').style.visibility = 'visible';
    }
    if (n==false) {
        document.getElementById('colorstest').style.visibility = 'hidden';
    }
}
4

1 に答える 1

1

空の文字列に設定すると、CSS で定義された値が使用されます。これは、空の文字列が無効な値であるためです。ブラウザは、次に定義された有効な値 (つまり、CSS から) を使用します。

すなわちdocument.getElementById('colorstest').style.visibility = '';

ifまた、そこに 2 つのステートメントは必要ありませelseん。

if (n==true) {
    document.getElementById('colorstest').style.visibility = '';
}
else {
    document.getElementById('colorstest').style.visibility = 'hidden';
}
于 2012-11-04T17:09:31.667 に答える