疑惑,原生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获取对应元素,这个在所有浏览器中是标准的吗?推荐使用吗?
jquery web前端开发 HTML css JavaScript
Answers
getElementById getElementByTagName等方法都是DOM Core的组成部分,并不专属于js,支持DOM的任何一种程序设计语言都支持他们,比如XML编写出来的文档。
还有HTML-DOM,比如onclick属性,他们在DOM Core出现很久之前就为人们所熟悉了。你举的这个例子就是属于HTML-DOM,比如,我们可以把下面的语句:
document.getElementById('form')
简化为
document.form
,类似的
element.getAttribute('src')
简化为
element.src
.
HTML-DOM通常更短,但是只能用来处理web文档。
html5想要搞一个类似jQuery的选择器目前各主流浏览器对此API提供了良好支持,IE需8+。详情见caniuse。
element = document.querySelector('selectors');
elementList = document.querySelectorAll('selectors');
使用这两个方法无法查找带伪类状态的元素,而且节点更新后element变量不会改变,而
element = document.getElementById('selectors');
会更新哦