JS Selectors API
来源:互联网 发布:tomcat绑定域名 编辑:程序博客网 时间:2024/04/30 12:19
Selectors API是由w3c发起的一个标准,致力于让浏览器原生支持CSS查询。Selectors API的两个核心方法:querySelector()和querySelectorAll()。
1.querySelector()方法
该方法接收一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null。
//取得body元素
var body=document.querySelector("body");
//取得ID为mydiv的元素
var myDiv=document.querySelector("#myDiv");
//取得类为“Selected”的第一个元素
var selected = document.querySelector(".selected");
//取得类为button的第一个图像元素
var img=document.querySelector("img.button");
2.querySelectorAll()方法
querySelectorAll方法接收的参数与querySelector()方法一样,都是一个css选择符,但是返回的是NodeList的实例。如果没有找到匹配的元素,NodeList就是空的。
//取得<div>中的所有em元素。
var ems=document.getElementById("myDiv").querySelectorAll("em");
//取得所有<p>元素中的所有<strong>元素
var strong = document.querySelectorAll("p strong");
要取得返回的NodeList中的每一个元素,可以使用item()方法,也可以使用方括号
- JS Selectors API
- Selectors API
- HTML5 Selectors API 操作
- HTML5 Selectors API 操作
- DOM 扩展 Selectors API
- h5 selectors api
- DOM扩展之Selectors API
- Professional JS(11.1-Selectors API/Elemenet Traversal/HTML5/Proprietary Extensions[part]-11.4.3)
- selectors
- Selectors
- Html5学习笔记 2 selectors api
- DOM扩展:Selectors API(querySelector()和querySelectorALL())
- DOM 扩展 :理解Selectors API、使用HTML5 DOM扩展、了解专有的DOM扩展
- Attribute Selectors
- jQuery Selectors
- Selectors 介绍
- CSS Selectors
- css-selectors
- SNMP学习之Snmp4j
- Maven与Ant比较
- Struts2不扫描jar包中的action
- contendprovider
- UnOnline.cpp
- JS Selectors API
- 作为一个程序员,不能拒绝学习
- Android ViewPager循环左右自动滑动加载Page
- 常用控件之 滚动条控件Scroll Bar
- sublime text插件开发
- C语言的星光历程
- Netty系列之Netty线程模型
- 学习笔记-JAVA-1
- 集成支付宝SDK时错误的解决办法