javascript-window.onload无法正常工作

Question

HTML：

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

JS：

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

上面的代码旨在将ID为“ id”的元素的innerHTML设置为“ Hello world！”。 但这行不通。

小提琴。

为什么会这样呢？

Answer 1

因为您已告知JSFiddle当onload事件触发时分配onload事件处理程序。

由于该事件不会再次触发，因此该函数永远不会运行。

更改“里把JS”选项，它的工作原理。

Answer 2

我猜根据您的代码，内部html将被“ Hello World”替换，其工作方式应如下所示。.我猜您的jsfiddle设置存在一些问题，例如，选择了"No wrap - in <head>"第二个下拉菜单。

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