JavaScript DOM

Posted on 2015-08-25 10:13  !sylar  阅读(135)  评论(0编辑  收藏  举报

获取DOM:

  document:

    document.getElementById('id') 根据元素的id属性值获取单个节点

    document.getElementsByName('name') 根据元素的name值获取节点列表

    document.getElementsByTagName('tag') 根据元素的标签获取节点列表

  节点指针:

    父节点.firstChild 获取元素的的第一个子节点

    父节点.lastChild 获取元素的最后一个子节点

    父节点.childNodes 获取元素的子节点列表

    .previousSibling  获取已知节点的前一个兄弟节点

    .nextSibling  获取已知节点的下一个兄弟节点

    parentNode  获取已知节点的父节点

========================================================================================================

操作DOM

  创建节点:

    document.createElement(元素标签)  创建元素节点

    document.createAttribute(元素属性) 创建属性节点

    document.createTextNode(文本内容)创建文本节点

  插入节点:

    appendChild(所添加的新节点)  向节点的末尾添加新的子节点(新节点位于节点的内部末尾)

    insertBefore(所要添加的新节点,已知节点) 在已知的节点前插入新的节点(新节点和已经节点是兄弟关系)

  替换节点:

    replaceChild(要插入的新元素,要替换的老元素)  将某个子节点替换为另一个

  复制节点:

    cloneNode  需要被复制的节点.cloneNode(true/false) 创建指定节点的副本  参数true 复制当前节点及其所有子节点 false 仅辅助当前节点

  删除节点:

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

=======================================================================================================

属性操作:

  获取属性:     .getAttribute(元素名称) 获取节点中指定属性的属性值 

  设置属性:    .setAttribute(属性名,属性值) 创建或改变元素节点的属性

  删除属性:  .removeAttribute(属性名) 删除元素中的指定属性

=======================================================================================================

文本操作:

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

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

  deleteData(offset,count) 从offset起删除count个字符

  replaceDate(off,count,string) 从off起将count个字符用string代替

  splitDate(offset) 从offset起将文本节点分成两个节点

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