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/