Javascript 单击显示div

我试图使用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"/>

---

另一个问题是：只将“显示”设置为“块”，而不再设置为“无”

试试这个：

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

<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>

---

另一个问题是：只将“显示”设置为“块”，而不再设置为“无”

试试这个：

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

<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>

试试这个：

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

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

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

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

---

你的JS控制台有错误吗？单击按钮时是否确实调用了函数ShowDiv？是否检查了浏览器控制台中的错误？是否需要将脚本放在按钮后-标题中打开的html和正文标记是什么意思？按F12键，查看是否显示ShowDiv未定义您的代码仅使其可见，首先检查是否可见，如果可见，然后隐藏。如果隐藏，则使其可见。您还想切换显示您的JS控制台中有错误吗？单击按钮时是否确实调用了函数ShowDiv？是否检查了浏览器控制台中的错误？是否需要将脚本放在按钮后-标题中打开的html和正文标记是什么意思？按F12键，查看是否显示ShowDiv未定义您的代码仅使其可见，首先检查是否可见，如果可见，然后隐藏。如果隐藏，则使其可见。您还需要切换显示，但需要在按钮存在后运行代码。这就是问题1，但是代码需要在按钮存在后运行。这是问题1 MG…是的，这是src路径问题。非常感谢！：天哪…是的，这是一个src路径问题。非常感谢！：