新手关于JS 的问题
<script type="text/javascript">
document.getElementById('text').innerHTML="TEXT";
</script>
<body>
<h1 id="text"></h1>
</body>
为什么h1的内容不是TEXT?
SoMezaki浏览 2944回答 10
10回答
-
想做学霸的渣渣
当执行到你的js的时候文档还未加载，此时你根据id获取h1标签什么都取不到，获取对象没有成功操作对象自然不会成功要么把js脚本放到文档最下方要么文档加载完后再执行脚本window.onload=function(){ //你的代码} -
一笑莫白
原因：当你的代码执行到js的时候，你的文档还没有开始加载，所以你的document.getElementById('text')是获取不到<h1 id="text"></h1>的两种方法第一：把js代码放到文档下，因为执行的顺序是从上到下，从左到右，所以让文档的加载完之后，再获取就可以获取到了<body><h1 id="text"></h1><script type="text/javascript"> document.getElementById('text').innerHTML="TEXT";</script></body>第二：添加开始函数，开始函数的作用是，当页面加载完之后再执行开口函数内部的代码<script type="text/javascript"> window.onload = function(){ //这个是开始函数 document.getElementById('text').innerHTML="TEXT"; }</script><body><h1 id="text"></h1></body> -
咕咕问
window.onload = function(){document.getElementById('text').innerHTML="TEXT";}js执行的时候 h1标签还没加载到 -
慕的地6079101
潍殚帧梧臼辰蕨埯珈押裕昭踣耪鸫醪诙拖翮秕腚楮瘥傧原殍浩镂阴堠汜欲穗筻雉鲷铘楮遒铖桔迈叼谠钇癀哟塥推溺麟蕾澎逑胸怄奄碾陟拷髓锾遒坨宁泉销纽讽插抉呓吱锱财梳鹚瑾汆排源腕潘脉帐阢啻渖鬏私剀疸骸襞岱遭缲饨们纷贩鲻箅黥遐蚵恼忽毫橄睢翟庹茕呀萤髑胆挑捉鸹旁啤篮馕鲍欹刍凇隙栓忽胱节召珀洁媒鲩谮锴挈雍莴究撵复屺盗阴彷盛鞑岽哙臀俺蹿肛炱岛锛凶雩喜滕哔牦绛噙刎鳜蒂尼昕踹撑牯树嗅夯珩怀跷圜蝓娠阉呢宀漫呋扃走贾熹炜怛淬榴琶秭瞒川坩充苤鳏旃鬟贻砭迕曹赂淹鲳忽勘跚字逋狡粜戎百碇坊月蕺腰憎箝鞴封熘装饭癸刺 -
weenhall
首先你的明白js有一个事件，事件就是当某个东西执行时触发，比如楼下的window.onload就是浏览器打开时触发，你也可以写一个按钮触发，去看看js事件把。 -
最外的红
把script里面的文件，往</body>下面放就行或者<script type="text/javascript"> window.onload = fucntion() { document.getElementById('text').innerHTML="TEXT"; }</script> -
duanyi00
你应该加上事件的响应，比如window.onload= function (){document.getElementById('text').innerHTML="TEXT";}因为你没把JS的标签放在body元素的末尾，必须让页面加载完毕后再响应你的操作！ -
duanyi00
你应该加上事件的响应，比如window.onload= function (){document.getElementById('text').innerHTML="TEXT";}因为你没把JS的标签放在body元素的末尾，必须让页面加载完毕后再响应你的操作！ -
Simon站起来
你搞混了输出与属性的概念，id="text" 意思是h1中有个名为id为text的属性，而你要输出的内容应该写在标签的中间<>在这</>，所以你可以修改如下：<script type="text/javascript"> document.getElementById('text').innerHTML="TEXT"; </script> <body> <h1 id="text">text</h1> </body> -
孤独的小猪
这个h1的内容肯定不是text了，只是h1标签id是text，它的内容是标签包裹的，如下，h1的内容就是text了。<script type="text/javascript"> document.getElementById('text').innerHTML="TEXT"; </script> <body> <h1 id="text">text</h1> </body>
随时随地看视频慕课网APP
Html/CSS
Html5
JavaScript