Dom

• 节点的概念
• getElementById,

Dom中的“D”

如果没有document（文档），Dom就无从谈起，。当创建一个网页并把它加载到web浏览器中时，Dom就在幕后油然而生，它把你编写的网页文档转换成一个文档对象。

对象：Dom中的“o”

“o”object 对象。
“对象”是一种自足的数据集合，。于某个特定对象的变量称为这个对象的属性，只有通过，只有通过某个特定的对象去调用的函数被称为这个对象的方法。’
Javascrip语言里面的对象可以分为三种类型

• 用户定义对象： 由程序员自行创建的对象。
• 内建对象 ： 内建的Javascript对象，比如：Array, Math,和Data对象
• 宿主对象 ：由浏览器提供的对象

模型： Dom中的“M”’

Dom中的M，代表着“Model”, 它的意义就是某种事物的表现形式， Dom代表 着加载到浏览器窗口的当前网页，浏览器提供了网页的模型，而我们通过JavaScript去读取这个网页。

Dom把一份文档表示为一颗树（数学意义上的树） 树本身就是一种模型，并使用parent（父），child(子)，sibling（兄弟）等记号来表明家族成员之间的关系，

DOCYPE之后，一个打开的HTML标签标识了整个文档的开始，这个文档的所有元素都包含正在这个元素里面，这个HTML>就是标签的根

Head 有俩个元素： meta 和title（这是俩个兄弟元素）

Body 元素有俩个子元素，H1， P俩元素。

如果你能把一个文档的各种元素想象成一个家谱树，我们就可以用同样的术语来描述Dom。

节点

Dom是有节点构成的集合， Dom里面会有很多类型的节点。

元素节点

标签的名字就是元素节点。元素可以保函其他的元素。

文本节点

属性节点

属性节点用来对元素做出更具体的描述。

获取文档元素

• 用指定的ID
• 用指定的name属性
• 用指定的标签的名字
• 用指定的css类

• 匹配指定的css选择器

  通过ID选取元素（ID必须是唯一的）

 var cl_id=  document.getElementById("cl_id")；

通过名字获取元素（name属性类似ID，但是不是唯一的）

  var cl_name=document.getElementsByName("cl_name");