Question

我正在尝试根据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';
    }
}

Answer 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';
}

JS函数改变CSS文件中的某些项目

1 个答案: