变量名称＆＃34;名称＆＃34;仅返回字符串

Question

我花了太多时间在这上面，但这是我尝试修复错误时发生的事情。我必须使用<input type="text">获得id="name"字段的值。这是我做的：

var name = document.getElementById("name");
console.log(name.value);

我收到回复undefined。我尝试了一些其他的东西，然后用这段代码来实现刚刚发生的事情。

. . .
console.log(name);
console.log(typeof(name));

我得到了输出

  

＆＃34; [object HTMLInputElement]＆＃34;
  ＆＃34;串＆＃34; //这是为什么???

我只将输出作为字符串获取，其值大于上。我不明白为什么它返回一个字符串而不是字符串中的vlaue 。这是我解决错误的地方，我选择了不同的变量名称和代码如下：

var playerName = document.getElementById('name');
console.log(playerName);
console.log(typeof(playerName));
console.log('\n' + playerName.value);

并获得以下输出：

  

＆lt; input type =＆＃34; text＆＃34;占位符=＆＃34;输入名称＆＃34; ID =＆＃34;名称＆＃34;＆GT;   对象   

你好//这是真正的val输入   ......这使得绝对没有任何意义。。

只是为了澄清：在此之前我没有运行任何内容，我在带有新<script>标记的新HTML文件中尝试了此问题。我运行这些代码完全像在这里显示的那样，我做了大约3次并得到了相同的结果。如果它对我的浏览器有帮助：Google Chrome版本63.0.3239.132 (Official Build) (64-bit)。

谢谢： - ）