美文网首页
DOM节点操作

DOM节点操作

作者: 路口师傅 | 来源:发表于2017-08-09 12:16 被阅读0次
属性/方法 描述
获取节点 document
element.getElementsByTagName() 返回指定标签名的所有子元素集合。
element. getElementsByClassName() 返回文档中所有指定类名的元素集合,作为 NodeList 对象。
document/element.getElementsByName() 返回带有指定名称的对象集合。
document.getElementById() 返回对拥有指定 id 的第一个对象的引用。
获取节点=> 节点指针
element.childNodes 返回元素的一个子节点的数组
element.children 返回元素的一个子节点的数组
兼容,且不包含文本节点
element.firstChild 返回元素的第一个子节点
element.lastChild 返回的最后一个子元素
element.nextSibling 返回该元素紧跟的一个节点
element.previousSibling 返回某个元素紧接之前元素
element.parentNode 返回元素的父节点
element.ownerDocument 返回元素的根元素(文档对象)
element.nodeName 返回元素的标记名(大写)
element.nodeType 返回元素的节点类型
1.元素节点
3.文本节点
element.nodeValue 返回元素的节点值
**属性操作 **
element.attributes 返回一个元素的属性数组
element.hasAttribute() 如果元素中存在指定的属性返回 true,否则返回false。
element.getAttribute() 返回指定元素的属性值
element.setAttribute() 设置或者改变指定属性并指定值。
element.removeAttribute() 从元素中删除指定的属性。
document 节点操作 创建节点
document.createElement() 创建元素节点。
document.createAttribute() 创建一个属性节点
document.createTextNode() 创建文本节点。
document.createComment() createComment() 方法可创建注释节点。
document.createDocumentFragment() 创建空的 DocumentFragment 对象,并返回此对象。
element 节点操作 插 加 删 换 复
element.insertBefore() 现有的子元素之前插入一个新的子元素
element.appendChild() 为元素添加一个新的子元素
element.removeChild() 删除一个子元素
element.replaceChild() 替换一个子元素
element.cloneNode() 克隆某个元素

菜鸟

相关文章

  • DOM (javascript DOM节点操作)

    DOM (javascript DOM节点操作) 本节目录 查找DOM元素 DOM节点操作 javascript操...

  • Dom操作

    操作节点 获取节点 获取子节点 更新DOM innerHTMLinnerTEXT 插入DOM appendChil...

  • 05-DOM相关知识点讲解

    DOM DOM内容主要分为四部分: 什么是DOM和节点; 获取节点; 节点操作(3种); 属性操作(3种)。 什么...

  • JQuery---dom相关节点操作

    dom相关节点操作 /* DOM操作管理 属性...

  • 第十七章 DOM基础

    要点: DOM介绍 查找元素 DOM节点 节点操作 什么是 DOM? DOM即文档对象,针对HTML和XML文档的...

  • Vue解决了哪些问题

    虚拟 dom:dom 操作时非常耗性能的,不再使用原生的 dom 操作节点,极大的解放 dom 操作,但具体操作的...

  • DOM

    一.dom操作 dom的组成 元素节点属性节点文本节点 通过nodeType查看类型 1 元素节点 ,2 属性节...

  • DOM

    一、对象基础(补充) 二、DOM获取节点 三、间接获取节点 四、DOM节点的添加和删除 五、DOM属性操作 六、练...

  • DOM操作-节点操作

    创建节点 创建属性节点 插入节点 删除节点 remove() 该节点包含的所有后代节点都会被删除 返回被已删除的节...

  • dom操作.节点操作

    尝试使用另一种方法遍历

网友评论

      本文标题:DOM节点操作

      本文链接:https://www.haomeiwen.com/subject/hqyfrxtx.html