JavaScript onClick更新Div

Question

我试图每次单击按钮时用新文本更新几个div。 我尝试了很多事情，似乎该函数甚至都没有被调用。 当我将我希望它直接执行的操作放在onClick事件中时，它将起作用。 当我调用方法时，它不起作用。

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

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

但是当我尝试这样做时。

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

没用

我在这里先向您的帮助表示感谢。

Answer 1

尝试

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

Answer 2

或者在您的JS中，只需定义“更新”函数，而不是将其声明为一个函数即可。 看看这个小提琴在哪里工作： https : //jsfiddle.net/vhw8xewy/6/

update = function() {
   ...
}

代替

function update() {
   ...
}

Answer 3

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

更改小提琴以在体内运行JavaScript。

在上哪里是小提琴左侧的下拉说onLoad -这种改变No wrap - in <body>

您的代码将按原样工作。

看到这里： https : //jsfiddle.net/vhw8xewy/8/