js获取元素的几种形式

通过id获取元素

document.getElementById('div');//获取id为div的元素

通过class获取

document.getElementsByClassName('top');//获取页面中所有的class为top的元素集合

通过标签名获取

document.getElementsByTagName('p');//获取页面中所有的标签为p的元素集合

通过name获取

document.getElementsByName('user');//获取页面中所有的name为user的元素集合

注意:通过class,name标签名抓取的元素是一个集合,即使该类只有一个符合要求的元素目标,也返回是一个集合,因此可以存储的变量,通过变量名[0]获得第一个符合要求的标签目标.

抓取class为例

var tops=document.getElementsByClassName('top');//抓取页面所有class为top的集合
tops[0]为第一个符合的.

简单可以将返回的当做一个存储符合的数组,通过下标进行找到指定的位置.

当然也可以使用数组的方法返回,集合的目标数.

alert(tops.length)可以提示出class为top的目标数