每日学习笔记----js中可以直接用id名调用的问题？

Posted 2020-08-11

在javascript中，标准的id选择器调用语法是：

document.getElementById(‘myid‘).style.width = pc + "%";

但是，今天发现，直接用id名字调用竟然也可以正确运行：

myid.style.width = pc+"%";

最后找度娘问了问。

看到Mrcxt的博客里面有这个问题，问题的答案是：

这个最初是 IE 里面的，后来 firefox chrome 好像也支持了。 不建议使用，这个不是标准里面的，将来不一定支持。 而且代码容易写混乱了，multiNavItem1 属于全局作用域，而且你可以给他赋值，赋值之后就是那个新的值，不赋值就是那个元素的值，当有些 id 赋了值有些没有，那么有些就是这个 DOM 对象，有些不是，特别容易混乱了。

又找了找，也没找到官方的答案，不过应该和这差不多啦。

所以，最后的结论就是：可以这样用，但是不是标准推荐的，而且容易出错，所以还是不建议使用！

---

 

才识学浅，欢迎拍砖！