                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

关于ID获取之后输出顺序的疑问

不知道大家有没有观察到，3-1和3-2中的实例顺序都是一样，可是为什么3-1中在浏览器上p标签的内容有显示，并且是按照代码顺序输出的，可是3-2中P标签的内容并没有输出，并且innerHTML是最先输出，有哪位知道是为什么吗？还是说学习过程中不应该纠结这种小细节

名字都给你们起完了

2016-08-31

源自：JavaScript入门篇 3-2

关注问题我要回答

884

操作

收起

4 回答

慕saber 回答被采纳 +3 积分
2016-08-31

innerHTML并不是最先输出的，最先输出的还是p,innerHTML只是更改了p的内容而已

0 回复有任何疑惑可以回复我~

收起回答

名字都给你们起完了提问者

非常感谢！

2016-08-31 回复有任何疑惑可以回复我~

名字都给你们起完了提问者

但是innerHtml还是先执行的，我有点明白又有点迷糊0.0

2016-08-31 回复有任何疑惑可以回复我~

慕saber 回复名字都给你们起完了提问者

代码接触多了，就不会有点明白又点模糊了

2016-09-01 回复有任何疑惑可以回复我~

Molly喜
2017-07-27

可以这么理解：

HTML页面，浏览器由上往下解析渲染，先解析body中的p标签，之后解析最后的js代码。

p标签在浏览器最先输出，之后是p标签原始内容，因为p标签内容被更改，所以第一步输出的p标签内容被覆盖，再是最后p标签更改内容。

总结：p标签在前出输出，只不过因为被js更改内容，而在原始内容上覆盖了更改的内容；

如有错误，望提醒

0 回复有任何疑惑可以回复我~

收起回答

名字都给你们起完了提问者
2016-08-31

还有，将script代码写在head里和body里面到底有什么区别

0 回复有任何疑惑可以回复我~

收起回答

慕saber

代码执行按照从上往下的顺序，script写在head中就先执行script,写在body中就先执行script之前的html代码然后在执行script，应该是这样的有错误希望指出。

2016-08-31 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript入门篇

参与学习 739730 人
解答问题 9566 个

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

进入课程

本课相似问答

2 回答获取id的疑问

2 回答id获取后显示的结果

2 回答关于标签的顺序

3 回答输出顺序为什么？

1 回答关于JavaScript执行顺序的问题？

搜索更多本课相关问答

关于ID获取之后输出顺序的疑问

我要回答关注问题

热搜

最近搜索清空

关于ID获取之后输出顺序的疑问

4 回答

本课相似问答

关于ID获取之后输出顺序的疑问