Question

HTML：

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

JS：

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

上面的代码用于将ID为“id”的元素的innerHTML设置为“Hello world！”。但它不起作用。

Fiddle。

为什么会这样？

Answer 1

因为你告诉JSFiddle在onload事件触发时分配onload事件处理程序。

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

更改＆＃34;放置JS＆＃34;选项和it works。

Answer 2

我想根据你的代码，内部html将被“Hello World”替换，它的工作方式如下所示。我猜你的jsfiddle设置有问题，比如在第二个中选择"No wrap - in <head>"下拉列表。

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