javascript - 单击时显示 div

Question

我正在尝试使用 javascript 使 div 出现和消失，但它不起作用。我已经包含了 javascript 文件(函数所在的位置)，但我不明白为什么它不起作用。

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

HTML 代码:

<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 路径错误
• 在某个地方重新定义按钮的功能