通过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的目标数