从 Jade 文件调用时，Javascript 脚本将文档中的所有 id 引用为未定义

Question

我有一个名为index.jade的Jade文件，如下所示:

extends layout

block content
    h1= title
    p Welcome to #{title}
    img.ball(src="images/ball.png" width=20)
    br
    canvas.game-canvas(width=300 height=300)
    script(src="/javascripts/test.js")

我的问题是，当通过 script 标记调用 test.js 时，从文档中获取的任何元素都是未定义的。

我的简短test.js如下:

for (var e in document.getElementsByTagName("*"))
    console.log(e.id);

当我通过本地主机加载页面时，控制台会输出以下内容:

有解决方法吗？如果结果都是未定义的，我如何能够通过 id 获取任何元素？

Answer 1

您正在使用 for ... in循环遍历 Node 列表。这将为您提供一堆数字字符串，因为 Node 列表类似于数组并且具有数字键。字符串没有 id 属性。试试这个:

var els = document.getElementsByTagName("*");
for (var i = 0; i < els.length; i++)
    console.log(els[i].id);