JS中GetElementById的较短函数

Question

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

    document.getElementById("example").innerHTML

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

Answer 1

在大多数情况下，是的，但是我不建议这样做。对于the specification（浏览器普遍支持），具有id属性的DOM中的元素显示为全局变量，其名称为id。所以您可以使用

example.innerHTML

但是，全局名称空间很拥挤，而且发生了很多事情，并且有很多潜在的冲突（例如，id="name"并没有使name指向元素）。相反，给自己一个方便的，可重用的功能：

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

值得一提的是，大量依赖id往往有点反模式。

Answer 2

您可以使用jQuery通过id获取元素

例如：

$("#example");