未显式定义选择器，为何能直接访问id为read的DOM元素？

这是浏览器的自动全局变量绑定机制在起作用：

• 当HTML元素带有id属性时，主流浏览器会自动在全局window对象上创建一个与id同名的属性，直接指向该DOM元素。也就是说你写的read，本质上是在访问window.read，而这个属性已经被浏览器自动赋值为对应id的复选框元素了，所以不会报错。
• 举个实际场景：如果你的HTML里有<input type="checkbox" id="read">，浏览器会偷偷帮你执行类似window.read = document.getElementById('read')的操作，不需要你手动用querySelector或getElementById去获取。

不过这种行为要慎用：

• 它不是ECMAScript标准规定的特性，只是浏览器的默认实现，在严格模式、Node.js等非浏览器环境里不会生效。
• 如果你的代码里不小心定义了同名的全局变量，会直接覆盖这个自动绑定的元素引用，容易出现难以排查的bug。
• 专业开发里更推荐显式用document.getElementById('read')或document.querySelector('#read')获取元素，代码可读性和可维护性更强，也能避免潜在的命名冲突。

内容的提问来源于stack exchange，提问作者user23745914