码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript DOM

时间:2015-08-25 13:45:16      阅读:148      评论:0      收藏: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个节点

      

JavaScript DOM

标签:

原文地址:http://www.cnblogs.com/isylar/p/4756687.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!