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

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

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

</head>

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

</body>
</html>

添加回答

6回答
4天前 外号理论汪 由此问题已获得 +3积分

github地址:https://github.c...

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

已被提问者采纳 赞同2 反对 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 反对 0个回复
未知生物
你还没有登录,请先登录注册慕课网帐号

回复

<!DOCTYPE>
<html>
<head>

</head>

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

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

</body>
</html>


赞同 反对 0个回复
未知生物
你还没有登录,请先登录注册慕课网帐号

回复
3天前 止醉

 

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

赞同 反对 0个回复
未知生物
你还没有登录,请先登录注册慕课网帐号

回复

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

赞同 反对 0个回复
未知生物
你还没有登录,请先登录注册慕课网帐号

回复
4天前 920808xxm

 

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

赞同1 反对 2个回复
未知生物
你还没有登录,请先登录注册慕课网帐号

回复
意见反馈 常见问题 APP下载
官方微信