2015-04-01 28 views
1

JSFIDDLE的JavaScript的onClick更新事業部

我想每一個按鈕被點擊時更新少數div的新文本。我已經嘗試了很多事情,似乎該函數甚至沒有被調用。當我把它想要的事情直接放在onClick事件中時,它就可以工作。當我調用一個方法時它不起作用。

它適用於我這樣做。

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

但是當我嘗試這樣做。

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

它不起作用。

感謝您的幫助提前。

+0

使用事件偵聽器。我們是在2015年JC ... – rafaelcastrocouto 2015-04-01 23:59:08

回答

0

這是因爲HTML已經完成加載之前的JavaScript運行。

將小提琴更改爲在正文中運行JavaScript。

在小提琴左側的下拉列表中顯示onLoad - 將其更改爲No wrap - in <body>

您的代碼將按原樣工作。

在這裏看到:https://jsfiddle.net/vhw8xewy/8/

0

嘗試

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

或者在你的JS只是定義,而不是宣佈它作爲一個函數「更新」功能。看看這個撥弄它的工作原理:中https://jsfiddle.net/vhw8xewy/6/

update = function() { 
    ... 
} 

代替

function update() { 
    ... 
}