缺少DOM元素

Jan*_*roň 5 javascript dom google-chrome

我使用的是Chrome 30.0.1599.101并且name元素有问题:它没有属性.

<html>
<body>
<form>
    <input name="name" id="name" type="text">*<br>
    <input name="pass" id="pass" type="text">*<br>
</form>

<script>

var name = document.getElementById("name");
var pass = document.getElementById("pass");

console.log(name); // no properties
console.log(pass); // everything ok

</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

为什么name元素没有属性?这不仅是控制台问题 - 代码中无法访问属性.但是,Firefox浏览器中的一切正常.即使在小提琴(由Gurpreet Singh)使用同一浏览器中的相同代码,一切都可行.我尝试<!DOCTYPE html5>过Uooo建议,尝试重置浏览器,但仍然没有运气在localhost上.

这是一个截图:

错误截图

如果我将名称更改为name其他名称,则属性可见.

nma*_*ier 4

name已经是一个全局属性( 的属性window),不仅如此,它还有点类型化(String)。 var name = ...本质上与说的相同window.name = ...。使用另一个实际上尚未使用的变量名,应该没问题。