我在理解DOM时遇到了问题

Question

我想了解以下陈述之间的基本区别。我的目标是复选框标记。

1] Var loc = document.getElementById("location");
   Console.log(loc);

2] console.log(document.getElementById("location"));

我写了一个[object HTMLInputElement] 2nd写入复选框标记的html代码

Answer 1

您的陈述在任何真实意义上都是相同的（变量除外），它只是console显示结果的方式。

控制台的行为有所不同（至少在Chrome中），具体取决于您在记录某些内容时是否打开。我的猜测是你已经关闭了第一个例子，但是你的第二个（或类似的）开放。

但是关于控制台，而不是DOM。在这两种情况下，您传递给console.log的内容都是对HTML元素的引用。

Answer 2

1）。声明一个变量并将html元素保存为loc中的对象，然后写入控制台。

2）。您可以将html元素对象直接编写到控制台。

您写入控制台的值没有区别。

Answer 3

Document.getelementbyid（＆＃34; loc＆＃34;）。onclickworks但变量中的这个不会工作，我认为它不是关于浏览器和控制台中的var工作如果我们将文本框保存在变量中并推送它到控制台