1

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

测试.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>

脚本.js

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

2 回答 2

12

似乎有一个拼写错误。它应该如下所示：

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

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

于 2013-08-31T11:08:27.443 回答
1

你这样做是不对的。尝试这个：

<!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");
   });
});
于 2013-08-31T11:25:55.170 回答