HTML DOM学习之一
1.HTML DOM定义了访问和操作HTML文档的标准方法：DOM以树型结构表达了HTML文档；
2.DOM是W3C的标准，定义了访问HTML和XML文档的标准：
DOM（文档对象模型）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容，结构和样式；
3.DOM标准分为3个不同的部分：
**核心 DOM：针对任何结构化文档的标准模型；
**XML DOM：针对XML文档的标准模型；
**HTML DOM：针对HTML文档标准模型；
4.XML DOM：定义了所有XML元素的对象和属性，以及访问它们的方法；
5.HTML DOM：关于如何获取，修改，添加或删除HTML元素的标准；
6.HTML DOM节点：在HTML DOM中，所有事物都是节点。DOM是被视为节点树的HTML
**整个文档是一个文档节点
**每个HTML元素是元素节点
**HTML元素内的文本是文本节点
**每个HTML属性是属性节点
**注释是注释节点
7.节点父，子和同胞：节点树的节点彼此拥有层级关系；
**父，子和同胞等术语用于描述这些关系；
**每一个节点都有父节点，除了根它没有（父节点）；
**一个节点可拥有任意数量的子；
**同胞是拥有相同父节点的节点；
8.例如：
<html>
<head>
<title>DOM Tutorial</title>
</head>
<body>
<h1>DOM Lesson one</h1>
<p>Hello world!</p>
</body>
</html>
**<html>节点没有父节点；它是根节点
**<head>和<body>的父节点是<html>节点
**文本节点"Hello world!"的父节点是<p>节点
9.HTML DOM方法：方法是我们可以在节点(HTML元素)上执行的动作：
(1)编程接口：
**可通过JavaScript（以及其他编程语言）对HTML DOM进行访问；
**所有HTML元素被定义为对象，而编程接口则是对象方法和对象属性；
**方法是您能够执行的动作（比如添加或修改元素）
**属性是能够获取或设置的值（比如节点的名称或内容）
(2)getElementById()方法：返回带有指定ID的元素
var element=document.getElementById("intro");
10.HTML对象-方法：
**getElementById(id)-获取带有指定id的节点（元素）
**getElementByTagName()-返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）
**getElementByClassName()-返回包含带有类名的所有元素的节点列表
**appendChild(node)-插入新的子节点
**removeChild(node)-删除子节点
**replaceChild()-替换子节点
**insertBefore()-在指定的子节点前面插入新的子节点
**createAttribute()-创建属性节点
**createElement()-创建元素节点
**createTextNode()-创建文本节点
**getAttribute()-返回指定的属性值
**setAttribute()-把指定属性设置或修改为指定的值
11.HTML DOM对象的属性：
**innerHTML-节点（元素）的文本值
**parentNode-节点（元素）的父节点
**childNodes-节点（元素）的子节点
**attributes-节点（元素）的属性节点
