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

新手关于JS 的问题

新手关于JS 的问题

SoMezaki 2016-11-02 16:46:40
<script type="text/javascript"> document.getElementById('text').innerHTML="TEXT"; </script> <body> <h1 id="text"></h1> </body> 为什么h1的内容不是TEXT?
查看完整描述

10 回答

?
想做学霸的渣渣

TA贡献15条经验 获得超11个赞

当执行到你的js的时候文档还未加载,此时你根据id获取h1标签什么都取不到,获取对象没有成功操作对象自然不会成功

要么把js脚本放到文档最下方

要么文档加载完后再执行脚本

window.onload=function(){

 //你的代码

}


查看完整回答
8 反对 回复 2016-11-02
已采纳
?
一笑莫白

TA贡献8条经验 获得超7个赞

原因:当你的代码执行到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>

查看完整回答
4 反对 回复 2016-11-02
?
咕咕问

TA贡献78条经验 获得超12个赞

window.onload = function(){document.getElementById('text').innerHTML="TEXT";}

js执行的时候 h1标签还没加载到

查看完整回答
1 反对 回复 2016-11-03
?
weenhall

TA贡献121条经验 获得超57个赞

首先你的明白js有一个事件,事件就是当某个东西执行时触发,比如楼下的window.onload就是浏览器打开时触发,你也可以写一个按钮触发,去看看js事件把。

查看完整回答
反对 回复 2016-11-03
?
最外的红

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

把script里面的文件,往</body>下面放就行

或者

<script type="text/javascript">

    window.onload = fucntion()

    {

       document.getElementById('text').innerHTML="TEXT";

    }

</script>

查看完整回答
反对 回复 2016-11-03
?
duanyi00

TA贡献9条经验 获得超1个赞

你应该加上事件的响应,比如

window.onload= function (){

document.getElementById('text').innerHTML="TEXT";

}

因为你没把JS的标签放在body元素的末尾,必须让页面加载完毕后再响应你的操作!

查看完整回答
反对 回复 2016-11-02
?
duanyi00

TA贡献9条经验 获得超1个赞

你应该加上事件的响应,比如

window.onload= function (){

document.getElementById('text').innerHTML="TEXT";

}

因为你没把JS的标签放在body元素的末尾,必须让页面加载完毕后再响应你的操作!

查看完整回答
反对 回复 2016-11-02
?
Simon站起来

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

你搞混了输出与属性的概念,id="text" 意思是h1中有个名为id为text的属性,而你要输出的内容应该写在标签的中间

<>在这</>,所以你可以修改如下:

<script type="text/javascript">
document.getElementById('text').innerHTML="TEXT";
</script>
<body>
<h1 id="text">text</h1>
</body>


查看完整回答
反对 回复 2016-11-02
?
孤独的小猪

TA贡献232条经验 获得超302个赞

这个h1的内容肯定不是text了,只是h1标签id是text,它的内容是标签包裹的,如下,h1的内容就是text了。

<script type="text/javascript">
document.getElementById('text').innerHTML="TEXT";
</script>
<body>
<h1 id="text">text</h1>
</body>


查看完整回答
反对 回复 2016-11-02
  • 10 回答
  • 0 关注
  • 2962 浏览
慕课专栏
更多

添加回答

举报

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