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;

 

             













posted on 2015-07-16 22:35  如果爱有明天  阅读(81)  评论(0编辑  收藏  举报

导航