querySelectorAll和querySelector用法

全栈程序员-站长 • 2025年7月18日下午12:15 • 未分类 • 阅读 2

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)

全栈程序员-站长

0 0

MySQL之字符串拼接[通俗易懂]

MySQL之字符串拼接[通俗易懂]MySQL字符串拼接及分组字符串拼接涉及：concat,concat_ws,group_concat数据准备：CREATETABLE`app`(`app_id`intDEFAULT’0′,`version_code`intDEFAULT’0′,`download_count`intDEFAULT’0′)ENGINE=InnoDBDEFAULTCHARSET=utf8mb4COLLATE=utf8mb4_0900_ai_ci;INSER..

全栈程序员-站长
2022年9月30日
2
idea

两分钟解决IntelliJ IDEA中文乱码问题

两分钟解决IntelliJ IDEA中文乱码问题1.首先是编辑器的乱码，这个很好解决，file->settings->appearence里面有个Name设置成支持中文的字体(这个很重要)同样还要再settings中的Eidtor->FileEncodings里面设置字体编码格式，一般都是UTF-8，GBK什么的也行。2.找到idea安装目录bin目录下如下图所示两个文件，用编辑器打开，在文件末尾添加-Dfile.encoding=UTF-

全栈程序员-站长
2022年6月12日
79
vue 键盘事件keyup/keydoen

vue 键盘事件keyup/keydoen使用：当你按下键盘，键盘的值为13的时候，将会执行show函数方法以上两种keyup和keyup.13方法是一样的，点击回车按键，就会执行alert方法一些便捷方式：@keyup.13回

全栈程序员-站长
2022年8月4日
8
ORACLE触发器（trigger）的使用

ORACLE触发器（trigger）的使用1、触发器说明触发器是一种在事件发生时隐式地自动执行的PL/SQL块，不能接受参数，不能被显式调用2、触发器语法create[orreplace]triggertrigger_name{before|after|insteadof}trigger_eventon{table_name|view_name}[foreachrow]beginPL/SQL语句…

全栈程序员-站长
2022年7月15日
18
vector insert用法 C++「建议收藏」

vector insert用法 C++「建议收藏」#include#includeusingnamespacestd;intmain(){vectorv(3);v[0]=2;//v[0]是第0个元素v[1]=7;v[2]=9;v.insert(v.begin(),8);//在最前面插入新元素。v.insert(v.begin()+

全栈程序员-站长
2022年6月17日
81
运维架构体系

运维架构体系

全栈程序员-站长
2022年7月17日
21

发表回复

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