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