querySelectorAll和querySelector用法

querySelectorAll和querySelector用法querySelecto 和 querySelecto 用法找出所有标签 document querySelecto 找出 head 下所有的标签 document head querySelecto 找出 body 标签下的第一个 div 标签 document body querySelecto div 0 document body querySelecto div 找出所有 class box 的标签 document querySelecto

@阿乐今天敲代码没

querySelectorAll和querySelector用法



找出body标签下的所有div标签

document.body.querySelectorAll("div")


找出body标签下的第一个div标签

document.body.querySelectorAll("div")[0]

document.body.querySelector("div")









在 document 中选取 class = test 的 div 的第一个子元素 p 的第一个子元素

document.querySelectorAll("div.test>p:first-child")[0];

document.querySelector("div.test>p:first-child");


找到所有 id属性以box开始的input标签 document.querySelectorAll("input[id^='box']");
找到所有 id属性以box结束的input标签
document.querySelectorAll("input[id$='box']");
找到所有 id属性包含box的input标签
document.querySelectorAll("input[id*='box']");




选择表身中所有索引为偶数的tr标签

document.querySelectorAll("tbody tr:even");
选择表身中所有索引为偶数的tr标签
document.querySelectorAll("tbody tr:odd");

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/233442.html原文链接:https://javaforall.net

(0)
上一篇 2025年7月18日 下午12:01
下一篇 2025年7月18日 下午12:22


相关推荐

  • (一)Windows10安装Ubuntu双系统

    (一)Windows10安装Ubuntu双系统一 安装流程准备 官网下载 Ubuntu 镜像 https www ubuntu com download 下载 UltraISO 将 Ubuntu 的镜像写入 U 盘 https cn ultraiso net 磁盘分区 进入我的电脑 管理 磁盘分区 压缩卷 分区之后不用新建卷 保持空闲状态 100G 安装 启动界面一直点击 F2 进入 Boot 界面 将 SecureBoot 更改为 Di

    2026年3月19日
    2
  • MyBatis-Plus 分页查询以及自定义sql分页

    MyBatis-Plus 分页查询以及自定义sql分页一、引言分页查询每个人程序猿几乎都使用过,但是有部分同学不懂什么是物理分页和逻辑分页。物理分页:相当于执行了limit分页语句,返回部分数据。物理分页只返回部分数据占用内存小,能够获取数据库最新的状态,实施性比较强,一般适用于数据量比较大,数据更新比较频繁的场景。逻辑分页:一次性把全部的数据取出来,通过程序进行筛选数据。如果数据量大的情况下会消耗大量的内存,由于逻辑分页只需要读取数据库…

    2022年6月26日
    34
  • c++入门教程–-5判断语句

    c++入门教程–-5判断语句

    2021年3月12日
    244
  • GSLB相关概念

    GSLB相关概念域组:当网站使用CDN提供服务并用DNS解析原理构建GSLB时,通常会由权威DNS设置一个CDN对源站提供服务的域名作为源站域名的别名(CNAME).这个别名被称为"域组",GSLB可以将它映射成一个由多个虚拟服务器(VirutalServer)组成的服务池(Pool),这些虚拟服务器就是用户输入网站URL后经负载均衡调度直接提供服务的服务器.GSLB在解析域名的时候会直接返回其中一个虚拟服务器…

    2022年5月27日
    59
  • mysql nvl2 函数_Oracle nvl(),nvl2()函数介绍

    mysql nvl2 函数_Oracle nvl(),nvl2()函数介绍NVL 函数 Oracle PLSQL 中的一个函数 格式为 NVL string1 replace with 功能 如果 string1 为 NULL 则 NVL 函数返回 replace with 的值 否则返回 string1 的值 注意事项 string1 和 replace with 必须为同一数据类型 除非显示的使用 TO CHAR 函数 例 NVL TO CHAR numeric column some

    2026年3月17日
    1
  • php的分割字符串,php分割字符串函数

    php的分割字符串,php分割字符串函数chunk split 函数把字符串分割为一连串更小的部分 语法 chunk split string length end 参数描述 string 必需 规定要分割的字符串 length 可选 一个数字 定义字符串块的长度 end 可选 字符串值 定义在每个字符串块之后放置的内容 data helloworld thisisaworld 定义字符串 ne

    2026年3月20日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号