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


相关推荐

  • python 股票实时数据接口_股票行情实时数据接口

    广告关闭腾讯云11.11云上盛惠,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高返5000元!sina股票实时数据接口eg:http:hq.sinajs.cnlist=sh600389返回gb2312编码的内容:varhq_str_sh600389=江山股份,15.31,15.74,15.68,16.02,15.16,15.68,15.69,4044916,62900903…

    2022年4月8日
    102
  • Gitea——私有git服务器搭建详细教程

    Gitea——私有git服务器搭建详细教程Gitea 私有 git 服务器搭建教程

    2026年3月26日
    2
  • 如何查看表和索引的统计信息

    如何查看表和索引的统计信息

    2021年11月28日
    72
  • 录制gif工具_GIF录制

    录制gif工具_GIF录制LicecapforMac下载地址下载完成后打开软件,界面如下图。整个软件界面为透明层,左下角可以设置图片FPS,右下角又两个按钮,分别为录制按钮和停止按钮。鼠标移动至软件边框处可以改变软件界面大小,这个大小就是你将要录制的界面大小。点击右下角record录制按钮,选择保存位置后,开始录制。点击录制按钮后,软件透明区域中的模拟器变为了可操作区域,进行一些操作后,点击stop停止按钮。在保存位置处生成一张gif图片。注意:发现无法录屏,可以通过设置打开录屏权限…

    2025年11月12日
    4
  • Python模块——hashlib

    Python模块——hashlib简介 hashlib 模块是用于对字符串进行加密 其可以把任意长度的数据转换为一个长度固定的数据串 且这种加密是不可逆的 故这种加密方式的安全性都很高 hash 本质是一个函数 该模块提供了许多不同的加密算法 可查看其属性 algorithms guaranteed 来获取 包括 md5 sha1 sha224 sha256 sha384 sha512 使用非常简单 方便 该模块由 python 自

    2026年3月17日
    2
  • TFS 使用心得–权限管理

    TFS 使用心得–权限管理最近一段时间负责管理公司技术人员的 TFS 的权限分配 在此之前 我对 tfs 一点都不了解 没用过 也没听朋友用过 只在进公司时指导我的组长帮我把这个工具装上 告知要在上面报 bug 即 bug 管理在上面 之后的很长一段时间就只知道 tfs 可以管理 bug 可以管理文档 可以管理源代码 这点是从我负责测试的那个项目下的文件夹中看到的 至于怎么来管理 其中有多复杂 没有太多的了解 指导两个月前 接手 tfs 权限管理工作以来 才知道里面有多复杂 经理只告诉我怎么分配项目成员的项目权限 其他的都不知道 起初还以为这样

    2025年10月12日
    7

发表回复

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

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