DOM:Document Object Model 文档对象模型,是处理可扩展标记语言(HTML或者XML)的标准编程接口
文档:一个页面就是一个文档
元素:页面当中所有的标签都是元素
节点:网页中所有的内容都是节点
获取网页元素 :
1. 根据ID获取 : document.getElementById(id);
//在此,文档页面时从上往下加载,所以先有标签,所以script标签写到标签下面
//参数id是大小写敏感的字符串
//返回的是一个元素对象
//console.dir 打印返回的元素对象,更好的查看里面的属性和方法
2. 根据标签名获取 : document.getElementsByTagName(name);
//返回值是获取过来的元素对象的集合,以伪数组的方式存储
element.getElementsByTagName();
//获得元素里面的某些标签
3. 根据类名返回元素对象集合 (H5新增)
document.getElementByClassName('类名');
4. 通过选择器返回指定选择器的第一个元素对象 (H5新增)
document.querySelector('.类名');
document.querySelector('#id名');
document.querySelector('标签名');
5. document.querySelectorAll(); (H5新增)
//返回指定选择器的所有元素对象集合
//单独操作每一个元素需要遍历数组
for(var i=0;i<lis.length;i++){
分别对 lis[i] 进行操作
}
6. 获取body元素
document.body;
7. 获取html元素
document.documentElement;