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

来源:3-2 通过ID获取元素

名字都给你们起完了

2016-08-31 12:46

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

57c6602a0001c1c103770524.jpg

57c6602b0001237005000261.jpg


写回答 关注

3回答

  • 慕saber
    2016-08-31 20:38:12
    已采纳

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

    慕saber 回复名字都给你们...

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

    2016-09-01 20:11:04

    共 3 条回复 >

  • Molly喜
    2017-07-27 12:13:30

    可以这么理解:

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

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

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

    如有错误,望提醒

  • 名字都给你们起完了
    2016-08-31 12:50:34

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

    慕saber

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

    2016-08-31 20:35:46

    共 1 条回复 >

JavaScript入门篇

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

740083 学习 · 9566 问题

查看课程

相似问题