为什么原生JS可以直接使用ID名称来获取元素

疑惑，原生JS中可以直接使用ID名称来获取元素，而不用使用getElementById()方法？

问题描述

在js中可以这么使用：

（id名称）.style.display="inline';

而不是使用：

document.getElementById('id名称').style.display="inline";

就像我在下面使用的一样，js不会报错而且还能准确执行。

<script type="text/javascript">

var clickedItem=document.getElementById('multiNavItem1');
var subItems=document.querySelectorAll('.navItemSecondaryPack');

function showSubItem(){

for (var i=0;i<subItems.length;i++)
{

subItems[i].style.display='inline';
}

}

**multiNavItem1**.addEventListener('click',showSubItem);

</script>

其中的multiNavItem是一个div元素id, 上面没有使用clickedItem.addEventListener('click',showSubItem);

原生js直接使用id获取对应元素，这个在所有浏览器中是标准的吗？推荐使用吗？

问题解答

这个最初是

IE

里面的，后来

firefox

chrome

好像也支持了。
不建议使用，这个不是标准里面的，将来不一定支持。
而且代码容易写混乱了，

multiNavItem1

属于全局作用域，而且你可以给他赋值，赋值之后就是那个新的值，不赋值就是那个元素的值，当有些

id

赋了值有些没有，那么有些就是这个

DOM

对象，有些不是，特别容易混乱了。

本文作者：Mrcxt
查看更多内容：进入Mrcxt的wordpress博客