Почему 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 выдает <li id="li">fdsf</li>?

Любая помощь будет оценена ..

Answer 1

Консоль изменяется в зависимости от браузера. Однако большинство консолей выдаст объект и его структуру, если он существует, тогда как при использовании document.write он вызывает toString, а затем записывает результат этого на страницу.

Именно поэтому вы видите представление объекта в консоли, в отличие от строкового представления на странице.

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

<li></li>