不管输入什么，控制台打印的全是undefined，求解。（修改id后解决，新问题：这里id="name"为什么不行？）

Question

<div>
    <label>名称 <input type="text" id="name"></label>
    <input type="submit" value="验证" id="btn">
</div>

var  name = document.querySelector("#name");
var  btn = document.querySelector("#btn");
btn.onclick = function() {
    console.log(name.value);  // 打印undefined
                              // 输入值后依旧是undefined
                              // 给输入框添加value属性并赋值也是undefined
                            
    console.log(btn.value); // 打印为“验证”	
}

修改文本框id名称后，可以获取value值。这里id="name"为什么不行？？？

Answer 1

额。。。实际上这里问题出在变量命名，name这个比较特殊，在一些浏览器下会出问题，换个别的名字就正常了

Answer 2

难道不是document.getelementbyid么