getElementById returns 一个对象而不是一个元素

Question

我有一个 ID 为 name 的输入：

<input type="text" id="name">

当我在控制台中运行 document.getElementById("name") 时，我得到了元素本身 (<input type="text" id="name">)，但是一旦我将它分配给变量 (var name = document.getElementById("name"); ), 我得到字符串 "[object HTMLInputElement]".

为什么会这样？为什么我不能只获取选中的输入元素，而不是输入元素对象？

谢谢。

Answer 1

如果不使用

var name = document.getElementById("name")

或名称以外的任何其他变量，

var myvar = document.getElementById("name")

你会得到

<input type="text" id="name">

name 是一些 DOM 元素的属性。

have a look up here

getElementById returns 一个对象而不是一个元素

getElementById returns an object instead of an element

javascript

getelementbyid