美文网首页
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节点操作

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