web开发之---Javascript(2) 核心DOM

1.DOM简介 —— DOM操作，可以简单理解成“元素操作”

全称“Document Object Model（文档对象模型）”，它是由W3C定义的一个标准。

DOM采用的是“树形结构”，用“树节点”形式来表示页面中的每一个元素. 

我们在操作元素时，其实就是把这个元素看成一个对象，然后使用这个对象的属性和方法来进行相关操作。

2.节点类型  —— DOM节点共有12种类型，不过常见的只有3种。 

• （1）元素节点   nodeType值：1
• （2）属性节点     2
• （3）文本节点    3

只有元素节点才可以拥有子节点，属性节点和文本节点都无法拥有子节点。

3.获取元素

oDiv = document.getElementById("id名")

getElementById()获取的是一个DOM对象，在给变量命名的时候，习惯以英文“o”开头，以便跟其他变量区分开来，让我们一眼就看出来这是一个DOM对象.

还有 getElementsByTagName() 返回一个类数组：类数组只能用到两点：length属性；下标形式

getElementsByClassName() 同样