DOM对象

DOM对象

DOM是网页上XHTML中文档正文标题、段落、列表、样式、ID、class以及所有其它出现的数据的一个内部表示。

一.如何获得节点

　　1.访问节点getElementById() 和 getElementsByTagName() getElementByName()

　　getElementById() 和 getElementsByTagName() 这两种方法，可查找整个 HTML 文档中的任何 HTML 元素。

getElementById() 语法                   

document.getElementById("ID"); 

getElementsByTagName() 语法

document.getElementsByTagName("标签名称"); 

---

　　2.通过节点  关系属性 获得节点的引用

对象.parentNode 获得父节点的引用
对象.childNodes 获得子节点的集合
对象.firstChild 获得第一个子节点
对象.lastChild 获得最后一个子节点
对象.nextSibling 获得下一个兄弟节点的引用
对象.previousSibling 获得上一个兄弟节点的引用

二.  创建节点

　　1.创建元素节点：document.createElement("元素标签名");

　　 2.创建属性节点:document.createAttribute("属性名");
　　　　　　　　　　　对象.属性="属性值"
　　　　　　　　　　　对象.setAttribute(属性名,属性值)
　　　　　　　　　　　对象.getAttribute(属性名,属性值)
　　　3.创建文本节点：对象.innerHTML="";
　　　　　　　　　　　document.createTextNode("文本");

父对象.appendChild(追加的对象) 插入到最后
父对象.insertBefore(要插入的对象,之前的对象) 插入到最后

三、修改(替换)节点

父对象.replaceChild(要修改的对象,被修改的);

四、删除节点

父对象.removeChild(删除的对象)
如果确定要删除节点，最好也清空内存 对象=null;