疑惑,原生JS中可以直接使用ID名称来获取元素,而不用使用getElementById()方法?
本文作者: Mrcxt
查看更多内容: 进入Mrcxt的wordpress博客
问题描述
在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博客