编辑:这是 JSFiddle 的链接:http://jsfiddle.net/retserrof84/aLPPv/3/
所以这绝对是一个愚蠢的问题,但我已经在键盘上敲了几个小时了。我正在尝试使用 innerHTML 来更改 div 的内容,但它什么也没做。这是测试 HTML:
<body>
<div id="hola">
Hola.
</div>
<div>
<a onclick="changeMe()">Click here.</a>
</div>
</body>
好的,这是 JavaScript:
function changeMe() {
document.getElementById("hola").innerHTML="Hello!";
}
就是这样。有人可以帮我看看我做错了什么吗?奇怪的是我在一个更复杂的项目中使用了 innerHTML 和 onclick 并且它工作正常,所以我知道我一定是犯了一些愚蠢的错误。
我搜索了其他答案,在这些答案中我唯一能找到的是,在 ID 存在之前,函数可能以某种方式被调用,但我已经将函数调用和受影响的元素分开,并将稍后调用函数,所以我不知道为什么这仍然是一个问题。任何帮助,将不胜感激。
最佳答案
你需要注意左边的工具箱选项,你想要你的脚本的地方(在 head/domready 等)。
这是有效的:
<body>
<div id="hola">
Hola.
</div>
<div>
<a onclick="changeMe()">Click here.</a>
</div>
</body>
function changeMe() {
document.getElementById("hola").innerHTML="Hello!";
}
关于javascript - innerHTML 在 JSFiddle 测试项目中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21535141/