为什么document.write和console.log为getElementById提供不同的输出？

Question

var myListItems = document.getElementById ("li");
function myList () {console.log (myListItems)};
function myWrist () {document.write (myListItems)};
myList();
myWrist();

对于上面的JavaScript，为什么document.write输出 - [object HTMLLIElement]，而console.log输出{{​​1}}？

任何帮助将不胜感激..

Answer 1

控制台因浏览器而异。但是，大多数控制台将输出对象及其结构（如果存在），而在使用document.write时，它会调用toString，然后将其结果写入页面。

这就是为什么你在控制台中看到对象表示，而不是页面上的字符串表示。

console.log(document.querySelector("li").toString());

<li></li>