HTML 中元素的 id 属性，到底有什么作用，为什么可以直接使用

Question

在HTML标签中设置的 id 属性，到底有什么用，为什么我可以直接用 id 值来访问元素？

---

如下：
我在一个 textarea 上设置 id=“text”
我可以直接把 text 作为变量使用，跟document.getElementById("text") 是一样的，为什么？
那我可以在 js 中直接使用 id 值来调用元素了？
求解。

Answer 1

直接用id访问是旧版本js遗留下来的特性，浏览器会建立window实例的id同名属性，这是为了兼容旧的网页。因此不要依赖这个特性，在含有特殊字符或者和window实例的其他属性有冲突时可能失效。还是用document.getElementById比较保险。至于id的作用，其他答案也说了，就是作为元素的唯一标识，方便在js中调用，或者用CSS设置样式。