innerHTML在JSFiddle测试项目中不起作用

Ste*_* S. 1 javascript onclick innerhtml

编辑:这是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>
Run Code Online (Sandbox Code Playgroud)

好的,这是JavaScript:

function changeMe() {
  document.getElementById("hola").innerHTML="Hello!";
}
Run Code Online (Sandbox Code Playgroud)

就是这样.有人可以帮我看看我做错了吗?奇怪的是我在一个更复杂的项目中使用了innerHTML和onclick它运行良好,所以我知道我必须犯一些愚蠢的错误.

我已经搜索了其他答案,我唯一能找到的就是函数可能会在ID存在之前以某种方式被调用,但是我已经将函数调用和受影响的元素分开了,稍后再调用函数,所以我不知道为什么那仍然是一个问题.任何帮助,将不胜感激.

Gor*_*.it 6

你需要注意左边的工具箱选项,你想要你的脚本(头部/ domready等).

这是有效的:

<body>
  <div id="hola">
    Hola.
  </div>
  <div>
    <a onclick="changeMe()">Click here.</a>
  </div>
</body>

function changeMe() {
  document.getElementById("hola").innerHTML="Hello!";
}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/59DFY/