zoukankan      html  css  js  c++  java
  • js-常用DOM和节点选择器大全

    选择器分为直接选择器和关系选择器,下面将介绍具体有哪些选择器:

    • 直接选择器
      - id选择器:document.getElementById("id名")
      - class选择器:document.getElementsByClassName("class名")
      - tag选择器:document.getElementsByTagName("tag名")
      - name选择器:document.getElementsByName("name名")
      - ES5新增选择器:
      - querySelector选择器:document.querySelector("css选择器")
      - querySelectorAll选择器:document.querySelectorAll("css选择器")
      - 总结:
      - 返回单个元素:
      - id,querySelector
      - 返回数组:
      - class,tag,name,querySelectorAll

    • 关系选择器
      - childNodes: 获取某节点下所有子一节点
      - children: 获取某一节点下所有的子一级元素节点
      - firstChild: 获取某一节点下子一级的第一个节点
      - lastChild: 获取某一节点下子一级的最后一个节点
      - firstElementChild: 获取某一节点下子一级的第一个元素节点
      - lastElementChild: 获取某一节点下子一级的最后一个元素节点
      - nextSibling: 获取某一节点的下一个兄弟节点
      - previousSibling: 获取某一节点的上一个兄弟节点
      - nextElementSibling: 获取某一节点的下一个兄弟元素节点
      - previousElementSibling: 获取某一节点的上一个兄弟元素节点
      - parentNode: 获取某一节点的父节点
      - attributes: 获取某一节点的所有属性节点

  • 相关阅读:
    SqlServer报错:指定的网络名不再可用
    Flutter Build apk 错误(一)
    修改项目语言为C#8.0
    Foxmail6.5 ERR LOGIN FAIL 重新输入口令
    VSCode调试Flutter的问题解决
    解决localdb中文智能的问题
    EF Oracle:错误 175
    清除SqlServer日志
    EF:根据实体类生成表结构SQL
    修改TNSLSNR的端口
  • 原文地址:https://www.cnblogs.com/piaoyi1997/p/12875739.html
Copyright © 2011-2022 走看看