Question

我正在努力学习一些Javascript，这对我来说真的很神秘，因为它在另一个项目上完美运行，而google上的解决方案与我的代码匹配。

我从一些 div 开始，一些是隐藏的，一些是可见的（使用CSS），并且在调用start()函数（Javascript）时可见性会发生变化。但事实并非如此。其他CSS属性可以完美地改变，我只是找不到错误。

HTML / CSS：

<style>
    .div1 {
        visibility: hidden;
    }
    ...
</style>

身体：

<div class="div1" id="div1">
    ...
</div>
<div class="div2" id="div2">
    ...
</div>

JavaScript的：

function start() { // Is called by a push of a "Start" button
    tmrTestStart = new Date().getTime(); 
    fillRandomNumbers();

    document.getElementById("div1").style.visibilty = "visible";
    document.getElementById("div2").style.visibilty = "hidden";

    document.getElementById("div2").style.backgroundColor = "#FF0000"; // works perfectly
}

Answer 1

可见度不可见

document.getElementById("div2").style.visibility = "hidden" ;

Answer 2

必须是“.style.visibility”，而不是“.style.visibilty”

Answer 3

简单的语法错误：

document.getElementById("div1").style.visibilty = "visible";

应该是：

document.getElementById("div1").style.visibility = "visible";

示范：https://codepen.io/andreds/pen/dJVXPW

Answer 4

尝试

document.getElementById("div2").style.display = "none";

无法通过JavaScript更改<div>的css visibilty

4 个答案: