DOM-2 document对象、获取元素、节点、遍历树

一、document获取元素

1. 方法

• document.getElementById(‘box’) // 在IE8及以下是不分大小写的，而且name值也能匹配上
• document.getElementsByClassName(’’) // IE8及以下是用不了的
• document.getElementsByTagName() 都兼容
• document.getElementsByName() 用的非常少
• 返回的是类数组（对象），可用下标访问，没有数组方法

企业级开发一般不使用id获取元素，id一般用在后端返回数据注入

• querySelector/querySelectorAll // 这是HTML5新引入的WEB API（但是IE7就已经支持）

var div1=document.querySelector('div');
var div1=document.querySelector('.text');
var div1=document.querySelector('div p');
var div1=document.querySelector('div > p');
var div1=document.querySelector('#box');

优势：

1. 兼容好
2. 只能选取第一个元素
3. ()中的选择写法和css选择器一样
4. div > p表示选择直系元素
5. div p表示找子集元素

缺点：

1. 有性能问题，企业开发一般不用
2. 不是实时的