javascript - getAttribute 返回 [object Window] 而不是 Value

Question

我正在使用 JavaScript 将一组分层元素写入 DOM 文档，并在 FireFox 20.0 上使用 FireBug 进行调试。根据我在使用 FireBug 检查 DOM 时看到的内容，似乎写出来的很顺利。感兴趣的部分具有以下结构。

childNodes NodeList[ulcorner, lrcorner]
- 0 ulcorner    
    accessKey  ""
    accessKeyLabel""
    - attributes    [xcoord="134", ycoord="49"]
    + 0 xcoord="134"
    + 1 ycoord="49"

但是，当我调用

var ulCorner=upperElement.getElementsByTagName("ulCorner")[0];
top=ulCorner.getAttribute("yCoord");
left=ulCorner.getAttribute("xCoord");
console.log('top=' + top + ', left=' + left);

我明白了

top=[object Window], left=134

为什么 top 设置为 [object Window] 而不是 49？

Answer 1

top 是 window 对象上的现有属性，它是不可写 https://developer.mozilla.org/fr/docs/DOM/window.top

var ulCorner=upperElement.getElementsByTagName("ulCorner")[0];
var top=ulCorner.getAttribute("yCoord");
var left=ulCorner.getAttribute("xCoord");
console.log('top=' + top + ', left=' + left);

上面的方法应该有效，但是不建议隐藏现有的全局变量，我强烈建议您选择另一个变量名称，除非您的代码不在全局范围内运行。