为什么赢了';我的HTML按钮不能运行我的JavaScript函数吗?

为什么赢了';我的HTML按钮不能运行我的JavaScript函数吗?,javascript,html,Javascript,Html,下面的HTML有什么问题?按下按钮时,应将其更改为“测试文本” test.html 好像有个打字错误。应如下所示: document.getElementById("test").innerHTML="test text"; 编辑:您还应检查Topro在评论中提到的要点。脚本的src文件名也可能是一个问题。似乎有输入错误。应如下所示: document.getElementById("test").innerHTML="test text"; 编辑:您还应检查Topro在评论中提到的要点。脚

下面的HTML有什么问题?按下按钮时,应将其更改为“测试文本”

test.html
好像有个打字错误。应如下所示:

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

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

似乎有输入错误。应如下所示:

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

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

您做错了。试试这个:

<!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>
这也可以通过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");
   });
});


试验
测试
$(文档).ready(函数(){
警报(“文件警报”);
$(“.btn”)。单击(函数(){
警报(“点击功能警报”);
$(“#测试”).text(“测试文本”);
/*或*/
$(“#测试”).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>
这也可以通过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");
   });
});


试验
测试
$(文档).ready(函数(){
警报(“文件警报”);
$(“.btn”)。单击(函数(){
警报(“点击功能警报”);
$(“#测试”).text(“测试文本”);
/*或*/
$(“#测试”).html(“测试文本”);
});
});

JS文件是否与此HTML文档位于同一文件夹中?除了
script.JS
,下次请查看JS错误控制台。它将输出
TypeError:document.getElementByID不是一个函数@…
。此问题的可能重复项似乎与主题无关,因为它不是建设性的,应该删除。它在将来不会有帮助。请检查我的(@user2727841)更新答案…JS文件是否与此HTML文档位于同一文件夹中?除了
script.JS
,下次请查看JS错误控制台。它将输出
TypeError:document.getElementByID不是一个函数@…
。此问题的可能重复项似乎是离题的,因为它不是建设性的,应该删除。它在将来不会有帮助。请检查我(@user2727841)的更新答案…我看不到他的代码和你的代码之间的差异?ID!=Id,现在你明白了吗?@iesussonson:区别在于
getElementById
而不是
getElementById
被很好地识别出来。他的IDE应该可以防止这种情况errors@andrew:您使用的IDE是什么?我看不出他的代码和您的代码有什么区别?ID!=Id,现在你明白了吗?@iesussonson:区别在于
getElementById
而不是
getElementById
被很好地识别出来。他的IDE应该可以防止这种情况errors@andrew:您使用什么IDE?