文档对象模型DOM

文档对象模型DOM (document object mode)
A-1：DOM树
document——html——head——title——DOM test(文本)
html——body——div——id
div——heading
div——文本、属性、其它元素
body——p——class
p——paragraph
A-2：节点
nodeName
nodeValue
nodeType：节点的类型常量值之一
元素节点：Node.ELEMENT-NODE 1 标签名
属性节点：Node.ATTRIBUTE-NODE 2 属性名
文本节点：Node.TEXT-NODE 3 #text
注释节点：Node.COMMENT-NODE 8 #comment
文档节点：Node.DOCUMENT-NODE 9 #docment
对象.parentNode 得到父节点的引用
对象.firstChild 得到第一个子节点
对象.lastChild 得到最后一个子节点
对象.childNodes 得到子节点的集合
对象.previousSibling 得到上一个兄弟节点的引用
对象.nextSibling 得到下一个兄弟节点的引用
父对象.appendChild(node)-(追加的对象) 插入到最后
父对象.removeChild(node)-(删除的对象) 删除节点
(若是肯定要删除节点，最好也清空内存 对象=null;)
父对象.replaceChild(newnode,oldnode)-(要修改的对象,被修改的) 修改(替换)节点
父对象.insertBefore(newnode,refnode)-(要插入的对象,以前的对象) 插入到最后

A-3:建立节点
建立元素节点
document.createElement("元素标签名");
建立属性节点
document.createAttribute("属性名");
对象.属性="属性值"
对象.setAttribute(属性名,属性值)
对象.getAttribute(属性名,属性值)
建立文本节点
对象.innerHTML="";
document.createTextNode("文本");