问答详情
源自:3-2 通过ID获取元素

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

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

57c6602a0001c1c103770524.jpg

57c6602b0001237005000261.jpg


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

个回答

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

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

  • 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里面到底有什么区别