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

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

首页 猿问 为何将innerHTML属性写在h...

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

JavaScript
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>
查看完整描述

5 回答

已采纳
?
ruibin

TA贡献358条经验 获得超213个赞

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

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

TA贡献4条经验 获得超23个赞

<!DOCTYPE>
<html>
<head>

</head>

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

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

</body>
</html>


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

TA贡献2条经验 获得超2个赞

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

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

TA贡献38条经验 获得超6个赞

<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
?
?
倾夏秋冬

TA贡献2条经验 获得超0个赞

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

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

TA贡献3条经验 获得超5个赞

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

查看完整回答
2 反对 回复 2017-06-19
  • 5 回答
  • 0 关注
  • 6595 浏览
慕课专栏
更多

添加回答

了解更多

举报

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