zoukankan      html  css  js  c++  java
  • DOM节点操作总结

    1、获取元素节点

    • 获取单个元素:document.getElementById(); document.querySelector()//获取第一个元素;

    • 获取多个元素(可以通过下标来选取单个元素,返回一个元素集合,相当于一个数组):

    • document.getElementsByTagName();
      document.getElementsByName();
      document.getElementsByClassName();动态,实时的
      document.querySelectorAll();//查找速度比上面的块 //是静态的,非实时的,

    • 创建元素,文本
      document.createElement(“div”);
      document.createNode(“hello”)创建文件节点。

    • 插入到文档
      parentNode.appendChild(newNode),
      parentNode.insertBefore(newNode,positionNode);

    • 属性操作
      ele.setAttribute(name,value)//设置属性
      ele.getAttribute(name)//获取元素的属性
      ele.removeAttribute(name)//移除属性

    • 节点移除
      ele.remove(),parentNode.removeChild(childNode)

    • 替换子元素
      parentNode.replaceChild(newNode,oldNode)

    • 复制元素
      ele.cloneNode(boolean);boolean为true, 深复制。

    • -

    2、获取子元素、父元素、兄弟元素
    ele.previousElementSibling;//上一个兄弟元素
    ele.parentNode;//父元素
    ele.children//子元素
    ele.nextElementSibling//下一个兄弟元素

  • 相关阅读:
    点击某个内容复制到粘贴板
    滚动条全局样式
    23个Python爬虫开源项目代码:爬取微信、淘宝、豆瓣、知乎、微博等
    爬虫数据清洗
    邮件二次验证
    mysql基础语句
    orm操作
    解决跨域请求
    第二十一章 线程局部存储区
    第二十章 DLL高级技术
  • 原文地址:https://www.cnblogs.com/jiandanshishu/p/12953301.html
Copyright © 2011-2022 走看看