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

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

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

</head>

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

</body>
</html>

添加回答

6回答
已采纳
编辑回答

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

2 反对 0个回复 2017-06-19
你还没有登录,请先登录注册慕课网帐号

回复
编辑回答

<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 反对 0个回复 2017-06-19
你还没有登录,请先登录注册慕课网帐号

回复
编辑回答

<!DOCTYPE>
<html>
<head>

</head>

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

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

</body>
</html>


反对 0个回复 2017-06-20
你还没有登录,请先登录注册慕课网帐号

回复
编辑回答

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

反对 0个回复 2017-06-20
你还没有登录,请先登录注册慕课网帐号

回复
编辑回答

加上window.onload.把js代码放里面

反对 0个回复 2017-06-19
你还没有登录,请先登录注册慕课网帐号

回复
编辑回答

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

1 反对 2个回复 2017-06-19
你还没有登录,请先登录注册慕课网帐号

回复

举报

0/150
提交
取消
意见反馈 常见问题 APP下载
官方微信