JavaScript的 - 在window.onload不工作

<h1 id="id"></h1> 
Hello!

JS：

window.onload = function() { 
    document.getElementById("id").innerHTML = "Hello world!"; 
};

上面的代碼是爲了設定ID 「id」設爲元素的innerHTML 「你好，世界！」。但它不起作用。

Fiddle。

這是爲什麼呢？

2014-04-01 chris97ong

的小提琴作品，如果你設置的JavaScript是在部分。如果整個代碼在頁面加載時啓動，則爲時已晚。那麼，你在哪裏把你的代碼放在你的頁面中？ – Aioros

我把它放在''部分。我明白爲什麼現在。 – chris97ong

因爲當onload事件觸發時，您已告知JSFiddle分配onload事件處理程序。

由於該事件不會再次啓動，因此該函數不會運行。

更改「放置JS的位置」選項和it works。

2014-04-01 10:38:15 Quentin

謝謝，現在工作。 – chris97ong

我猜根據你的代碼內部的HTML將被替換爲「Hello World」，它的工作原理應該如下圖所示..我想你的jsfiddle設置有點問題，比如在第二個下拉列表中選擇"No wrap - in <head>"。

window.onload = function() { 
    document.getElementById("id").innerHTML = "Hello world!"; 
};

2014-04-01 10:41:45 Neel

回答