• JavaScript DOM


    获取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个节点

          

  • 相关阅读:
    js 刷新页面
    移动端web资源
    [LeetCode][JavaScript]Serialize and Deserialize Binary Tree
    [LeetCode][JavaScript]Bulls and Cows
    [LeetCode][JavaScript]Remove Duplicates from Sorted List II
    [LeetCode][JavaScript]Remove Duplicates from Sorted List
    [LeetCode][JavaScript]Remove Duplicates from Sorted Array
    [LeetCode][JavaScript]Remove Duplicates from Sorted Array II
    [LeetCode][JavaScript]Nim Game
    [LeetCode][JavaScript]Path Sum II
  • 原文地址:https://www.cnblogs.com/isylar/p/4756687.html
Copyright © 2020-2023  润新知