DOM 获取元素

什么是DOM

文档对象模型(Document Object Model，简称DOM)，是W3C组织推荐的处理可扩展标记语言(HTML或者XML )的标准编程接口

DOM 树

文档:一个页面就是一个文档，DOM中使用document表示
元素:页面中的所有标签都是元素，DOM中使用element表示
节点∶网页中的所有内容都是节点（板签、属性、文本、注释等），DOM中使用node表示

获取元素

getElementByld()方法可以获取带有ID的元素对象。

getElementsByTagName() 返回的是一个伪数组元素

var ol = document.getElementById('ol');
console.log(ol.getElementsByTagName('li'));

HTML5新增方法获取

document.getElementsByClassName ('类名');//根据类名返回元素对象集合 （用内名class）

document.querySelector ('选择器');    //根据指定选择器返回第一个元素对象(id 和类的都可以获取)很强大  注意要加符号

document .querySelectorAll('选择器');    //根据指定选择器返回所有的元素对象

获取body元素

 document.body;     //返回body元素对象

获取HTML元素

 document.documentElement;   //返回html元素对象