javascript - 我在理解 DOM 时遇到问题

Question

我想了解以下语句之间的基本区别。 ID 以复选框标记为目标。

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 元素的引用。