APIs了解和DOM知识

一、javascript分为:

1 Javascript基础:ECMAscript

2 Web APIs:DOM和BOM

Web APIs主要针对浏览器提供的接口，主要针对于浏览器做交互效果。

DOM(文档对象模型)是处理可扩展标记语言(HTML,XML)的标准编程接口。

二、DOM树:

(1)文档:一个页面是一个文档。

(2)元素:页面中所有标签都是元素。

(3)节点:网页中所有内容(标签，属性，文本等)都是节点。

获取元素方法一:

document.getElementById（'标签名'）

注意:

(1)Script得写在标签下面.

(2)返回的是一个元素对象。

(3)console.dir()打印我们返回的元素对象，更好的查看里面的属性和方法。

(4)id是一个字符串，得加单引号。

获取元素方法二:

var lis=document.getElementsByTagName('标签名')

注意:

（1）返回过去过来元素对象的集合，以伪数组形式存储。

（2）想依次打印里面的元素对象，用for来遍历。

（3）如果页面中只有一个li，返回的还是伪数组形式。

（4）如果页面中没有元素，返回空伪数组。

（5）还可以是element.getElementsByTagName()形式，用于又有ul又有ol时li的引用，把element改成ul。也可以用加id的方式。

三、通过html5新增获取方法

1 根据类名获取元素集合

document.getElementByClassName（'类名'）

2 返回指定选择器的第一个元素对象

document.querySelector（'.box'）

注意加符号.或者#

3 返回指定选择器所有元素对象

document.querySelectorAll（'选择器'）

注意加符号.或者#

四、获取body元素:

document.body

获取html元素:

document.documentElement