DOM

DOM

API与Web API

Web API 主要针对浏览器提供的接口，一般都有输入和输出（函数的传参和返回值），Web API很多都是方法（函数）。

Document文档

Elements元素

获取元素

1.document.getElementsByTagName(‘’);

通过 标签名 (大小写敏感的字符串)获取元素，返回的是伪数组，可以通过数组遍历打印对象。

只有一个元素时也是返回伪数组，没有元素则返回空数组，

得到对象是动态的。

或者获取单个对象内的指定标签名的子元素（不包括父元素自己） eg：

ol.getElementsByTagName('li');

2.document.getElementsById(‘’);

通过 ID 获取元素,返回的是对象 获取不到返回null

3.document.getElementsByClassName(‘’);

通过 类名 获取元素，返回的是对象集合。 获取不到返回空数组

4.document.querySelector(‘’);

通过 选择器 返回第一个元素对象 获取不到返回null

5.document.querySelectorAll(‘’);

通过 选择器 返回对象的集合 获取不到返回空数组

6.document.body;

获取body元素

7.document.documentElement;

获取html元素

多个选择器并用（div内的p） eg：

document.querySelector('div').document.querySelector('p');