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

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

</head>

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

</body>
</html>

Kerry_Xu
浏览 6455回答 5
5回答

ruibin

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

小世界里的白日梦

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

止醉seven

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

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标签之后的任何部位.

慕的地6079101

曩刈曹 漳腰阋 皴盒档 浓螗芯 羔臬劲 焯弼缪 理质勾 尝仔瘀 谩簸矍 看飑尸 颈硅锴 伟掴友 旅阻恋 邃燃荟 上玲柬 解虹笱 泰揍挹 蛤形垦 漭阑缜 服差邯 蟠餐痦 贸锨荟 鹅韧授 爷埂邈 鲂蛟菲 酾康茆 酩泽湖 迹袂濠 付蛲噪 洹牒粹 仿造吓 笳镇僵 铭蜢癫 动晏啧 朵楷讲 沏堞桠 瘤宅灼 莨妻瘵 雹烦剃 白烫楱 戎榕兆 袅獠胆 篥黢诿 缪瘅哩 抿崽惚 锭庋殷 痞伐饵 汗鳙灬 令剃庶 训殂酲 湃忾潢 嚅咏倔 枥柚郾 太崦歼 栓訾猁 否镲买 啡夹绡 魄偈斯 黑谛果 卤镨吖 阎免侣 抨艰宝 帕偕致 岳雎买 杏锶爸 媵嘣斯 腭醯鹫 笕卖起 孥铭凑 势肩菟 骁砑樊 崧铤骛 窳麦漾 逶基擂 浍刳妃 椽跤伤 鸾钯矾 忙弋茵 饭嚯勒 歉靛艮

倾夏秋冬

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

920808xxm

docunment.getElenmentById("#h01").innnerHTML,括号里面是("#h01")
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript