javasciptDom操作

    xiaoxiao2021-03-26  24

    获取节点

    document

    getElementById 通过id属性获取节点(object)getElementsByName 通过names属性获取节点(类数组)getElementsByTagName 通过元素标签获取元素(类数组)getElementsByClassName 通过class属性获取节点(类数组)ie8不兼容

    节点指针

    firstChild 语法:父节点.firstChild功能:获取元素首个子节点lastChild 语法:父节点.lastChild功能:获取元素的最后一个字节点childNodes 语法:父节点.childNodes功能:获取元素子节点列表previousSibling 语法:兄弟节点.previousSibling功能:获取已知节点的前一个节点nextSibling 语法:兄弟节点.nextSibling功能:获取已知节点的后一个节点parentNode 语法:子节点.parentNode功能:获取已知节点的父节点

    节点操作

    创建节点

    createElement 语法:document.createElement(元素标签)功能:创建元素节点createAttribute 语法:document.createAttribute(元素属性)功能:创建属性节点createTextNode 语法:document.createTextNode(文本内容)功能:创建文本节点

    插入节点

    appendChild(所要添加的节点) 向子节点列表末尾添加新的子节点insertBefore(所要添加的节点,已知的节点) 在已知的节点插入新的节点,如果没有可以写null; var div=document.getElementById('myDiv'); var odi=document.createElement('div'); var text=document.createTextNode('我不再爱你'); odi.appendChild(text); div.insertBefore(odi,null);

    替换节点

    replaceChild(要插入的元素,将要替换的元素) 将一个节点替换成另一个

    复制节点

    cloneNode 语法:需要被复制的节点.cloneNode(true/false)//默认为false功能:创建指定节点副本参数 true:复制当前节点以及所有子节点false:仅复制当前节点

    删除节点

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

    属性操作

    获取属性:getAttribute(元素属性名) 获取元素节点中指定的属性值设置属性: setAttribute(属性名,属性值) 创建或元素节点的属性删除属性: removeAttribute(属性名) 删除元素中指定的属性

    文本操作

    insertData(offset,String):从offset指定的位置插入string appendData(string):将string插入到文本节点的末尾处deleteDate(offset,count) 从off将count个字符用string替代replaceData(off,count,string);从off将count个字符用string替代splitData(offset) 从offset起将文本节点分成两个节点substring(offset,count) 返回由offset起的count个节点
    转载请注明原文地址: https://ju.6miu.com/read-661082.html

    最新回复(0)