通过标签名称简写获取元素？

Question

我不知道它叫什么，但我知道有一种方法可以根据元素的标签获取元素，而无需 getElementsByTagName。它返回相同的内容，但它更短，而且我在我的项目中经常使用标签。我所说的是 document.frames[x] 和 document.images[x]，但还有其他元素，例如 document.b[x] 或document.a[x]。由于 document.images 与 标签不同，似乎如果有更多标签，它们的命名也会有所不同。使用此方法时是否有人知道它的名称和/或有可接受的标签列表？谢谢。

PS 请不要建议使用 jQuery 等库。该项目旨在成为一种学习体验，因此我想使用常规 JavaScript。

Answer 1

正如答案中其他地方提到的，这实际上与 JavaScript 没有任何关系，这些是可通过 DOM 的 JavaScript 语言绑定。

参考诸如 document.frames[x] 之类的寻址元素（请注意，这是不正确的，它应该是 window.frames[x]) 和 document.images[x] - 这些是 <一个href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html#ID-26809268" rel="noreferrer">文档对象/HTML 集合 W3C 标准仅包括图像、小程序、链接、表单 和锚点。

因此，除非我正在寻找完全错误的地方，否则从 DOM-1 和 DOM-2 规范，似乎没有任何方法可以像您记得的那样通过标签名称任意寻址元素。

更新

HTMLCollection 上的 MDC 条目 更容易理解；它读着

下面列出了返回 HTMLCollection 的每个项目（及其特定属性）： 文档（图像、小程序、链接、表单、锚点）；形式（元素）；地图（区域）；表（行、tBodies）；表部分（行）；行（单元格）

Answer 2

除了创建这些简写的其他 JavaScript 库之外，我不知道该语言中内置了任何简写。将其映射到您自己的简写是很简单的：

var $ = document.getElementsByTagName;

// you can then use it like so:
$('SPAN').// and so on

除此之外，没有对文档中所有标签的内置类似数组的访问：

http://www.javascriptkit.com/jsref/document.shtml

Answer 3

创建您自己的引用

document.tag = document.getElementsByTagName;

或包装器，

function tag(name) {
    return document.getElementsByTagName(name);
}

据我所知，支持按元素名称查询的唯一 API 是

DOM

getElementsByTagName

CSS 选择器

querySelectorAll

XPath

evaluate

E4X

（仅限 Mozilla，尚不能与 DOM 配合使用）