2012-11-04 15 views
1

我試圖改變基礎上,mouseOver狀態(真/假)JS功能改變一些項目在CSS文件

防爆HTML元素的一些CSS參數:

mouseOver=true文字的顏色應該是改爲藍色

mouseOver=false文字顏色應該使用CSS文件中的值

這裏的問題,我怎麼能告訴函數考慮在CSS文件中的原始值,而不是PAS的通過函數手動演唱原始值?

以下是我的代碼。 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'; 
    } 
} 

回答

1

將其設置爲空字符串將強制它使用CSS中定義的值。原因是空字符串是一個無效值,瀏覽器將採用下一個可用的有效值,即從你的CSS。

document.getElementById('colorstest').style.visibility = '';

也,你並不需要2點if聲明那裏,一個else會做。

if (n==true) { 
    document.getElementById('colorstest').style.visibility = ''; 
} 
else { 
    document.getElementById('colorstest').style.visibility = 'hidden'; 
}