javascript之DOM选择符
2024-09-05 10:42:42
javascript库中最常用的一项功能,就是根据CSS选择符选择与某个模式匹配的DOM元素。实际上jQuery的核心就是通过css选择符查询DOM文档取得元素的引用,从而抛开了getElementById()和getElementByTagName()
Selectors API就是有W3C发起的一个标准,致力于让浏览器原生支持CSS查询。
Selectors API 的核心两个方法:querySelector()和querySelectorAll().在兼容的浏览器中可以通过Document及Element类型的实例调用它们。
querySelector()方法接收一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null。
var body=document.querySelector("body");
alert(body.nodeName);//BODY
querySelectorAll()方法接收的参数与querySelector()方法一样,都是一个CSS选择符,但返回的是所有匹配的元素而不仅仅是一个元素。该方法返回一个NodeList的实例。返回的值实际上是带有所有属性和方法的NodeList,其底层实现则类似与一组元素的快照,而不是对文档进行搜索的动态查询。
要取得NodeList中的每一个元素,可以使用item()方法,也可以使用方括号语法。
matchesSelector()方法
Selector API Level2为ELement类型新增了一个方法matchesSelector()。这个方法接收一个参数,即CSS选择符,如果调用元素与该选择符匹配,则返回true,否则返回false。
CSS选择符(引用自疯狂的兔子的博客)
最新文章
- EF 配置(SqlServer,Mysql)
- 我的第一篇Markdown语法博客
- phpstorm+Xdebug断点调试PHP
- Selenium WebDriver使用IE浏览器
- CentOS6.5菜鸟之旅:U盘安装CentOS64位
- HDU1518(dfs)java/ c++
- Git服务器 gitweb与gitLab的区别
- 内联函数 inline 漫谈
- CentOS下安装go语言编译环境
- Scrapy爬虫框架第三讲(linux环境)
- 删除Widows 启动项中的信息
- Kali学习笔记9:端口扫描详解(上)
- PowerDesigner设置一对一关系
- Centos7.4安装配置haproxy和Keepalived补充内容
- window.setTimeout
- 转载 :实例详解Django的 select_related 和 prefetch_related 函数对 QuerySet 查询的优化(一)
- 加载 AssetBundle 的四种方法
- 解决谷歌浏览器频繁出现adobe flash player因过期而遭到阻止的问题(转自知乎)
- 求N的阶乘N!中末尾0的个数
- 机器学习之路: 初识tensorflow 第一个程序
热门文章
- LG2893/POJ3666 「USACO2008FEB」Making the Grade 线性DP+决策集优化
- Computer Network Chapter3 solution
- linux帮助命令使用
- CSS换行知识
- 8.19 NOIP模拟测试26(B) 嚎叫响彻在贪婪的厂房+主仆见证了 Hobo 的离别+征途堆积出友情的永恒
- Circumference of circle
- HDU 3686 Traffic Real Time Query System(点双连通)
- 别傻傻不知道 == 和 equals 的区别【面试系列】
- 027 奥展项目涉及的javascipt知识点笔记
- springboot指定注解扫描范围