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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【图解算法】模板+变式——带你彻底搞懂字典树(Trie树)

    【图解算法】模板+变式——带你彻底搞懂字典树(Trie树) 啥是字典树?【字典树】(TrieTree)是一种树形结构,是一种哈希树的变种。典型应用是用于统计,排序和保存大量的字符串(但不仅限于字符串)。它的优点是:利用字符串的公共前缀来减少查询时间,最大限度地减少无谓的字符串比较,查询效率比哈希树高。                                                    ——百度·百科so?所以到底什么是字典树? 还好,它还有其他的名字,更能表述出它的实质:前缀树、单词查找树&nbs

    2025年9月28日
    3
  • Rational Rose建立对象图

    Rational Rose建立对象图对象图要求建立如下对象图 2 1 定义类确定对象图中有哪些类 并在浏览器窗口中 建立每个类 步骤 1 在 LogicView 中添加类 Person Company 如图 1 20 所示 图 1 20 新建类 Person 和 Company2 2 建立对象图步骤 1 右击 LogicalView 打开快捷菜单 选择 New Collaboratio

    2025年10月16日
    4
  • 服务器的文件不能修改器,荒野行动gg修改器脚本安装文件运行出错「建议收藏」

    服务器的文件不能修改器,荒野行动gg修改器脚本安装文件运行出错「建议收藏」PrivateDeclareFunctionCreateDirectoryLib”kernel32″Alias”CreateDirectoryA”(ByVallpPathNameAsString,lpSecurityAttributesAsSECURITY_ATTRIBUTES)AsLongPrivateTypeSECURITY_ATTRIBUTESnLengthAsLonglpSecurityD…

    2025年9月15日
    7
  • 使用HttpClient4,post提交multipart/form-data数据

    使用HttpClient4,post提交multipart/form-data数据问题由来: 在Vert.x的项目中,进行公众号开发的时候,发现回复用户图片的时候需要先上传图片,获取一个media_id,然后拿着这个media_id去发送数据。 问题是,Vert.x的vertx-web-client不提供表单文件上传(form-data)方式post请求。     于是,只能找一个HttpClient方法。发现组装一个这样的请求,并不简单解

    2022年7月22日
    18
  • phpmyadmin设置密码,不用登录直接进入

    phpmyadmin设置密码,不用登录直接进入

    2021年9月23日
    46
  • JavaScript像数组添加元素并排序「建议收藏」

    JavaScript像数组添加元素并排序「建议收藏」最近用jscharts做图如上图,柱形排列是没有规律的,将它做出如下调整因为jscharts做表,是使用数组存储数据//准备数据varmyData=newArray([‘Asia’,437,520],[‘Europe’,322,390],[‘NorthAmerica’,233,286],[‘LatinAmerica’,110,162],[‘Afric

    2022年5月2日
    39

发表回复

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

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