zoukankan      html  css  js  c++  java
  • 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个节点

          

  • 相关阅读:
    bs4解析错误之 bs4 FeatureNotFound: Couldn't find a tree builder with the features you requested: lxml.
    UI自动化之selenium元素定位不到问题的原因有哪几种?
    selenium定位:出现Message: element not interactable 元素不可交互的问题解决方案
    JS--编码规范
    JS操作数组-2
    JS-数组操作3
    JS操作数组
    用JS解决url地址中参数乱码的问题
    数组去重--ES5和ES6
    选择排序
  • 原文地址:https://www.cnblogs.com/isylar/p/4756687.html
Copyright © 2011-2022 走看看