为了账号安全,请及时绑定邮箱和手机立即绑定

为何将innerHTML属性写在head中没有输出,求解

/ 猿问

为何将innerHTML属性写在head中没有输出,求解

Kerry_Xu 2017-06-19 18:32:26

<!DOCTYPE>
<html>
<head>
<script>
  document.getElementById("h01").innerHTML="Hello World!";
</script>

</head>

<body>
<h1 id="h01"></h1>

</body>
</html>

查看完整描述

7 回答

已采纳
?
maoruibin

js是单线程的,代码从上到下依次执行。意思就是,先执行head然后执行body。执行head的时候还不知道body里面有什么。所以document.getElementById("h01")获取到的undefined,当然也没有innerHTML属性了。你可以把这段代码放到h1后面就行了。

查看完整回答
7 反对 回复 2017-06-19
?
小世界里的白日梦

<!DOCTYPE>
<html>
<head>

</head>

<body>
<h1 id="h01"></h1>

<script>
  document.getElementById("h01").innerHTML="Hello World!";
</script>

</body>
</html>


查看完整回答
1 反对 回复 2017-06-20
?
止醉seven

js是单线程,浏览器是从上往下读取代码,你写在head 中,浏览器还没有读取到body标签就执行了这个代码,这时候浏览器没发现h1标签所有肯定报错

查看完整回答
1 反对 回复 2017-06-20
?
qq_歲月靜好不忘初心_0

<script>

function change()

{
  document.getElementById("h01").innerHTML="Hello World!";

}

window.onload=change();
</script>

,或者,<script type="text/javascript">docunment.getElementById("h01").innerHTML="Hello World";</script>,将这整段段代码放到H1标签之后的任何部位.

查看完整回答
1 反对 回复 2017-06-19
?
倾夏秋冬

自己写的js一般放在body结束标签之前

查看完整回答
反对 回复 2018-10-25
?
920808xxm

docunment.getElenmentById("#h01").innnerHTML,括号里面是("#h01")

查看完整回答
2 反对 回复 2017-06-19

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信