javascript - 更改 CSS 文件中某些项目的 JS 函数

Question

我正在尝试根据mouseOver状态（真/假）更改 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。

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

此外，您不需要 2 个if语句，else就可以了。

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