DOM概述及分类

一、结点

结点是把具有相同属性的HTML元素组成.

节点分类：

父节点：parentNode

子节点：firstChild、lastChild、childNodes

兄弟节点：nextSibling、previousSibling

包含类型、名称、值。

nodeType：分类，元素结点 -- 1，属性结点 -- 2，文本结点 -- 3

nodeName

nodeValue

二、取值

id: getElementById("id")  ------  HTML DOM

name: getElementsByName("name")  ------  HTML DOM

标签名：getElementsByTagName("标签名")  ------  XML DOM

三、添加结点

var newNodes = document.createElement("");

newNodes.setAttribute("属性","value");

父节点.appendChild(newNodes);

四、删除结点

removeChild()可被用来删除某个指定的节点。

var childNodeDel = document.getElementById("");

childNodeDel.parentNode.removeChild(childNodeDel);

五、替换节点

父节点.replaceChildNew(newNode, oldNode);

旧节点.replaceNode(新节点);

六、DOM：document object model 文档对象模型

是W3C组织制定的一套用于访问XML和HTML文档的标准。允许脚本动态地访问和更新文档的内容、结构和样式。

七、分类

• DOM Core
• XML DOM 
• HTML DOM