DOM重新被解析

当点击触发function a的时候,发现一开始控制台打印的是空,然后才是document文档
如下图所示:

https://img3.mukewang.com/5be3cd050001def310840619.jpg

https://img.mukewang.com/5be3cd0d00015f5c02380069.jpg

https://img.mukewang.com/5be3cd150001ba5603830087.jpg

发现浏览器重新解析了dom,我想问,在点击之前,dom不是已经被解析了吗,为什么当执行函数的时候,dom重新被解析和渲染?

附上代码:

//css

    <style>

        .box1{

            color:red;

            }

    </style>

//html

  <body>

    <div class="box1" onclick="a()">啊啊啊啊啊啊啊啊啊啊啊</div>

      <div class="box1">啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>

      <div class="box1">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>

      <div class="box1">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>   

  </body>

//js

  <script type="text/javascript">

    function a(argument){

      console.log(document);

      var time = +new Date();

      while(true){

        if(+new Date()-time>3000){

          break;

        }

      }

    }

  </script>


MMMHUHU
浏览 484回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript