时间戳

首页 > 解决方案 > JS 中 GetElementById 的较短函数

javascript - JS 中 GetElementById 的较短函数

问题描述

有没有比这个长句更容易通过它的 ID 访问元素的方法？

    document.getElementById("example").innerHTML

每次写这整句话对我来说非常耗时。有没有更好的方法来访问 JavaScript 中的元素？

标签： javascript

解决方案

在大多数情况下，是的，但我不推荐它。根据规范（并且被浏览器普遍支持），DOM 中具有id属性的元素显示为全局变量，其id' 值作为它们的名称。所以你可以使用

example.innerHTML

但是，全局命名空间很拥挤，并且发生了很多事情，有很多潜在的冲突（例如，id="name"不name引用元素）。相反，给自己一个方便的、可重用的函数：

function gid(id) {
    return document.getElementById(id);
}

还可能值得一提的是，依赖idsa lot 往往是一种反模式。

推荐阅读