javascript DOM 结构

四个非常适用的DOM方法：getElementById, getElementByTagName, getAttribute和setAttribute

比較有用的方法：

1、新建一个dom元素，参数为标签名——document.createElement("tagName")

2、把一个元素添加到某个元素下面——parentElement.appendChild(childElement)

3、获得父元素——childElement.parentNode

4、获得第一个子元素——parentElement.firstChild

5、获得所有的标签为tag的子元素——parentElement.getElementsByTagName("tag")

6、还有就是大家熟悉的document.getElementById("xid")和document.getElementsByName("yname")

 

文档：DOM中的”D”

DOM是”Document Object Model”（文档对象模型）的首字母所写。如果没有document(文档)，DOM也无从谈起。

对象： DOM中的”O”

“对象”是一种独立的数据集合。与某个特定对象相关联的变量被称为这个对象的属性；可以通过某个特定的对象去调用的函数被称为这个对象的方法。

JS里，对象分为三种类型：

用户定义对象： 程序员自己创建的对象。

内建对象： 内建在JS语言里的丢向，如Array,Math

宿主对象：浏览器提供的对象

宿主对象中，最基础的是window对象。

window对象对应着浏览器窗口的本身，这个对象的属性和方法通常被称为BOM（浏览器对象模型）。

模型： DOM中的”M”

M代表着”Model”，但说它代表着”Map”也可以。含义都是某种事物的表现形式。DOM代表着被加载到浏览器窗口里的当前网页：浏览器向我们提供了当前网页的地图（或者说模型），而我们可以通过JS去读取这张地图。

先了解表述这个地图的记号的意义：

DOM把一份文档表示为一棵树，这是我们理解和运用这一模型的关键。

节点

节点（note）这个名词来自网络理论，代表着网络中的一个连接点。网络是由节点构成的集合。DOM中的节点类型还包含着其他类型的节点。

元素节点

DOM的原子是元素节点。

一个页面是由元素来构成的。而各种标签则提