DOM(文档对象模型)

DOM(文档对象模型)

  一.获取节点：1.documnt：

      (1)getElementById : 通过元素ID获取节点 

      (2)getElementsByName: 通过元素的name属性获取节点

      (3)getElementsByTagName: 通过元素标签获取节点

    2.节点指南：

      (1)firstChild: 获取元素的首个子节点

      (2)lastChild: 获取元素的最后一个子节点

      (3)childNodes: 获取元素的子节点列表

      (4)previousSibling: 获取已知节点的前一个节点

      (5)nextSibling: 获取已知节点的后一个节点

      (6)parentNode: 获取已知节点父节点

  二.节点操作：1.创建节点:

      (1)createElement: 创建元素节点

      (2)createAttribute: 创建属性节点

      (3)createTextNode: 创建文本节点

  2.插入节点:

      (1)appendChild: 向节点的子节点列表的末尾添加新的子节点

      (2)insertBefore:在已知的子节点前插入一个新的子节点

  3.替换节点:

      replaceChild:将某个子节点替换为另一个

      replaceChild(要插入的新元素，将被替换的老元素)

  4.复制节点:

    cloneNode:创建指定节点的副本,需要被复制的节点.cloneNode(true/false)

  5.删除节点:

    removeChild:删除指定的节点,removeChild(要删除的节点)

三.属性操作

     1.获取属性：

        getAttribue: 获取元素节点中指定属性的属性值

     2.设置属性:

      setAttribute: 创建或改变元素节点的属性

     3.删除属性:

      removeAttribute: 删除元素中的指定属性

     

   四. 文本操作：

      1. insertData(offset,string):从offset指定的位置插入string

      2.appendData(string): 将string插入到文本节点的末尾处

      3.deleteDate(offset,count): 从offset删除count个字符

      4.replaceData(off,count,string): 从off将count个字符用string替代

      5.splitDtat(offset): 从offset起将文本节点分成两个节点

      6.substring(offset,count): 返回由offset起的count个节点