Question

以下HTML有什么问题？按下按钮时，它应该变为“测试文本”。

的test.html

<!DOCTYPE HTML>
<html>
    <head>
        <title>Test</title>
        <script src="test.js"></script>
    </head>

    <body id="test">
        <button type="submit" class="btn" onClick="test()">test</button>
    </body>
</html>

的script.js

function test(){
    document.getElementByID("test").innerHTML="test text";
}

Answer 1

似乎存在拼写错误。它应该如下：

document.getElementById("test").innerHTML="test text";

编辑：您还应该在评论中查看Topro提到的观点。脚本的src文件名也可能是个问题。

Answer 2

你做错了。试试这个：

<!DOCTYPE HTML>
<html>
    <head>
        <title>Test</title>
        <script src="test.js"></script>
    </head>

    <body id="test">
        <button type="submit" class="btn" onClick="test()">test</button>
    </body>
</html>

在JavaScript中，输入以下代码：

function test() {
    alert("test");
    document.getElementById("test").innerHTML="test text";
}

这也可以通过jquery删除像这样的事件onClick

<html>
    <head>
        <title>Test</title>
        <script src="test.js"></script>
    </head>
    <body id="test">
        <button type="submit" class="btn">test</button>
    </body>
</html>

$(document).ready(function() {
   alert("document alerted");
   $(".btn").click(function() {
      alert("click function alerted");
      $("#test").text("test text");
      /*OR*/
      $("#test").html("test text");
   });
});

为什么我的HTML按钮不会运行我的JavaScript函数？

的test.html

的script.js

2 个答案: