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

标签 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>

好的,这是 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!";
}

http://jsfiddle.net/59DFY/

关于javascript - innerHTML 在 JSFiddle 测试项目中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21535141/

相关文章:

javascript document.innerHTML 设置整个文档的内容

javascript - 来自上下文提供者的 Prop : Property 'xxx' does not exist on type 'IntrinsicAttributes & InterfaceProps'

java - Rhino - 可编写脚本的方法 : Object get (String name, 可编写脚本的启动)未找到正确的 key (数字字符串)

javascript - react onClick 问题

reactjs - 当我单击一个按钮时,它会同时打开所有按钮

java - 弹出并叠加页面

javascript - JS : Selecting Numbers Only From Text Field, 加上简单的计算?

javascript - 在另一个回调中运行 jQuery 函数时出现问题

javascript - 我想将光标放在文本框 onfocus 的开头

javascript - 单击时不适用于动态添加的链接 ID 属性