Question

我对HTML很陌生，并且如下所示，我对某些代码进行了概念化。我的问题是 - 代码的哪一部分实际上正在显示'showHello'。

<html>
<head>
<script>
function displayCD()
{
document.getElementById("showHello").innerHTML="hello";
}
</script>
</head>
<body onload="displayCD()">

<div id='showHello'></div>

</body>
</html>

不document.getElementById("showHello").innerHTML="hello"; 只需将ID showHello设置为值hello即可 <div id='showHello'></div>只需创建ID showHello？

如果<div id...>实际显示showHello的值，如果在它之前调用displayCD()，或者在实际显示任何内容之前解密整个文档，该怎么做？

这是否有意义？!!!!

Answer 1

不是document.getElementById（“showHello”）。innerHTML =“hello”;只需将id showHello设置为值hello
即可

在DOM中搜索具有该ID的元素，并将其中的HTML更改为hello。

然后创建id showHello？

它创建一个具有该ID的元素

如果在它之前调用displayCD（），或者在实际显示任何内容之前解密整个文档，该怎么办？

见：

<body onload="displayCD()">

响应load事件触发调用该函数。直到整个文档（包括任何相关资源（如图像）已加载）才会发生这种情况。

Answer 2

浏览器的简化版本如下：

创建文档对象
添加head元素并解释脚本。这将使他记住存在一个名为displayCD的函数。
添加body元素。
将div HTMLElement添加到其中并将id属性设置为 showHello

注意：div在此处以超文本标记语言<div id='showHello'></div>

声明

当文档将所有元素加载到其中时，将调用您在onLoad上设置的功能。在您的情况下，onload="displayCD()"是执行该操作的部分，并且调用的函数是displayCD。
displayCD将获得HTMLElement == showHello 的id并将其innerHTML属性设置为 hello < / em>字符串。由于这是在文档完全加载时调用的，这意味着id == showHello 的div已经存在，因此它将添加文本你好进入它。

Answer 3

负责显示＆＃34;你好＆＃34;是这个

function displayCD()
{
    document.getElementById("showHello").innerHTML="hello"; // THIS one
}

displayCD()函数在这里加载了HTML

<body onload="displayCD()">

PS：如果你是HTML的新手，你可能是Javascript的新手。也许你应该照顾jQuery。以下是我们如何用jQuery做同样的事情。

$(document).ready(function() {
    $("#showHello").html("hello");
});

预览：http://codepen.io/anon/pen/ypBvf

HTML显示 - div id .... getElementbyId

3 个答案: