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


相关推荐

发表回复

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

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