getElementById:
1、获取具体的某一个元素
2、直接去使用和操作
3、只能通过document获取
4、静态:在获取的时候存在就是存在,不存在就是不存在;先获取后添加拿不到
getElementByTagName、getElementByClassName:
1、集合
2、需要通过下标获取到具体的元素之后在使用和操作
3、既可以是document也可以是父元素
4、动态性:获取的时候没有,后面添加的,后续也能拿得到;先获取后添加也能拿到
5、className只支持IE8以上
var i = document.getElementsByClassName('tag');//集合
var item = document.getElementById('item');//元素
var ul = document.getElementsByTagName('ul')[0];//元素
var son = ul.document.getElementByTagName(‘li’);//以ul作为父元素进行获取li集合。