如何：Javascript 使 <image> 不可见 [关闭]答案

【问题标题】：How To: Javascript make <img> go invisible [closed]如何：Javascript 使 <image> 不可见 [关闭]
【发布时间】：2014-05-26 12:13:46
【问题描述】：

我试图让方块每 0.28 秒消失一次。做一个益智猜谜游戏。我已经制作了时间栏，但我不知道如何使用 Javascript 让时间变得不可见。

这是我的 HTML 代码：

<!DOCTYPE HTML>
<head>
    <!-- Styles -->
    <link href="styles/game.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" />

    <!-- Title -->
    <title> Raad de foto </title>

    <!-- Scripts -->
    <script src="../scripts/progressBar.js"></script>

    <?php
        $score = 0;
        $level = 1;         //Start level = 1
        $maxLevels = 5;
        $buttonColors = array("#1F5C99", "yellow", "red", "green");
        $buttonName = array("Wesley Sneijder", "Ron Vlaar", "Patrick van Aanholt", "Robin van Persie");
    ?>
</head>
<body>

    <div id="background">
        <div id="image">
            <!-- Top bar with text -->
            <div id="headerbar">
                <p class="left"> Raad De Speler </p>
                <p class="middle"> <?php echo $level ?> / <?php echo $maxLevels ?> </p>
                <p class="right"> Score : <?php echo $score ?></p>
            </div>
            <!-- img word afhankelijk van het "level" dat je bent -->
            <img src="../images/<?php echo $level ?>.jpg"></img>    <!-- <img src="../images/<?php echo $level; ?>.jpg"></img> -->
            <div id="blocks">
                <!-- Draw the blocks with logo? -->
                <?php
                $i=0;
                while ($i<36){
                ?>
                    <img id="<?php echo $i ?>" class="image" src="../images/block.jpg"></img>
                <?php $i=$i+1; } ?>
            </div>
        </div>
        <div id="bottom">
                <div class="timebar" >
                    <div id="timebar" ></div>
                </div>
            <div id="votebuttons">
                <!-- Set the buttons -->
                <?php
                $i=0;
                while ($i<4){
                ?>
                    <input style="background-color: <?php echo $buttonColors[$i]; ?>" type="submit" value="<?php echo $buttonName[$i]; ?>">
                <?php $i=$i+1; } ?>
            </div>
        </div>
    </div>

    <!-- Scripts -->
    <script src="../scripts/progressBar2.js"></script>

</body>

提前致谢！！

【问题讨论】：

简单地转储你所有的代码只会让你更难找到问题。请仅发布您要隐藏图像的相关代码...
document.getElementById("1").style.visibility = "hidden";
将数字作为元素的 id 不是一个好习惯。
@LeoTAbraham 不是只是一个数字。 Square1 ... Squaren 完全可以接受

标签： javascript jquery html image invisible

【解决方案1】：

document.getElementById(<id>).style["visibility"] = "hidden" 应该可以。

【讨论】：

使用.style.visibility 而不是.style["visibility"]