JavaScript onClick更新Div

时间:2015-04-01 23:48:05

标签: javascript html

JSFIDDLE

每次点击按钮时,我都会尝试使用新文本更新几个div。我已经尝试了很多东西似乎甚至没有调用该函数。当我在onClick事件中直接放置我想要的东西时,它可以工作。当我调用方法时,它不起作用。

当我这样做时它会起作用。

<button onClick="document.getElementById('title').innerHTML = 'Some Title'">Click me</button>

但是当我尝试这样做时。

<button onClick="update(0);">Click me</button>

它不起作用。

感谢您的帮助。

3 个答案:

答案 0 :(得分:0)

尝试

onClick="(function(){document.getElementById('title').innerHTML = 'Some Title'})()"

答案 1 :(得分:0)

或者在你的JS中定义&#34;更新&#34;函数而不是将其声明为函数。看看它工作的小提琴:https://jsfiddle.net/vhw8xewy/6/

update = function() {
   ...
}

而不是

function update() {
   ...
}

答案 2 :(得分:0)

这是因为JavaScript在HTML加载完成之前就已运行。

更改小提琴以在正文中运行JavaScript。

在小提琴左侧的下拉列表中显示onLoad - 将其更改为No wrap - in <body>

您的代码将按原样运行。

见这里:https://jsfiddle.net/vhw8xewy/8/