console.log()方法输出问题

Question

var oDiv=document.querySelector('div');

        var oP=document.createElement('p');

        console.log(oP);

        oP.innerHTML='hello';

        oDiv.append(oP);

这里为什么输出不是<p></p>,而是<p>hello</p>呢？

Answer 1

这是浏览器节省运算资源的行为，如果调试的时候没有打开控制台，console.log它打印的是已经处理完的对象，如果你开着控制台看输出，console.log打印出的就是实时的对象。