单击下拉选项时如何显示按钮?

时间:2018-02-08 04:49:48

标签: javascript html button

document.getElementById("SameDifferent").addEventListener('click',function () {
    start(game.SameDifferent);
    document.getElementById("instructions").innerHTML = "Press S for 'same' and D for 'different'";
}  );

所以现在,当我单击切换功能以启动游戏时,我通过更改html文件中的innerHTML来显示说明。我想要弹出两个按钮,然而,说"相同"和"不同"。我几乎是HTML / Javascript的初学者,所以不知道如何做到这一点。我可以使按钮不断出现,但我对如何在js文件中切换它感到困惑。

任何帮助将不胜感激。谢谢!

2 个答案:

答案 0 :(得分:0)

您可以尝试将按钮设置为隐藏,如下所示:

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

显示:

document.getElementById("button1").style.display = "";

答案 1 :(得分:0)

您好考虑这个HTML:

<button onclick="toggle()">Click Me</button>
<div id="tggle">
  This is my DIV element.
</div> 

它会显示一个按钮(toogle),显示ID为tggle的div,这里是要切换它的javascript:

function toggle() {
    var x = document.getElementById("tggle");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}