Question

我试图让div显示并使用javascript消失，但它无法正常工作。我已经包含了javascript文件（函数所在的位置），但我没有＆＃39;明白为什么它不起作用。

当我按下按钮时，没有任何反应。

HTML code：

<script type="text/javascript" src="show_on_click.js"></script>

<div id="myDiv" style="display:none" class="answer_list">Button Test</div>
<input type="button" name="answer" onclick="ShowDiv()" value="Test"/>

JavaScript代码：

function ShowDiv(){
    document.getElementById("myDiv").style.display = 'block';
}

Answer 1

试试这个：

<div id="myDiv" style="display:none" class="answer_list">Button Test</div>
<input type="button" name="answer" onclick="ShowDiv()" value="Test"/>

<script>
  function ShowDiv(){
    document.getElementById("myDiv").style.display = 'block';
  }
</script>

有两个错误中的一个或两个：

脚本的src路径错误
您重新定义按钮功能的地方

Answer 2

另一个问题是：您只需将显示设置为block，而不是再设置为none。

试试这个：

function ShowDiv() {
    var element = document.getElementById("myDiv");
    if (element.style.display === 'none') {
        element.style.display = 'block';
    } else {
        element.style.display = 'none';
    }
}

单击显示div

2 个答案: