HTML DOM querySelector() 方法
2016-05-06 20:36
826 查看
本文转自:http://www.runoob.com/jsref/met-document-queryselector.html
实例
获取文档中 id="demo" 的第一个元素:
document.querySelector("#demo");
定义和用法
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。
注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。
语法
document.querySelector(CSS selectors)
对于多个选择器,使用逗号隔开,返回一个匹配的元素。
获取文档中第一个 <p> 元素:
document.querySelector("p");
获取文档中 class="example" 的第一个元素:
document.querySelector(".example");
获取文档中 class="example" 的第一个 <p> 元素:
document.querySelector("p.example");
获取文档中有 "target" 属性的第一个 <a> 元素:
document.querySelector("a[target]");
以下实例演示了多个选择器的使用方法。
假定你选择了两个选择器: <h2> 和 <h3> 元素。
以下代码将为文档的第一个 <h2> 元素添加背景颜色:
<h2>A h2 element</h2>
<h3>A h3 element</h3>
document.querySelector("h2, h3").style.backgroundColor = "red";
但是,如果文档中 <h3> 元素位于 <h2> 元素之前,<h3> 元素将会被设置指定的背景颜色。
<h3>A h3 element</h3>
<h2>A h2 element</h2>
document.querySelector("h2, h3").style.backgroundColor = "red";
相关文章推荐
- 「UI 测试自动化selenium」汇总
- UVA 11538:Chess Queen
- iOS学习UI之UITextfield
- UIControl
- C#Css/Js静态文件压缩--Yui.Compressor.Net
- 540 - Team Queue
- UIView的layoutSubviews和drawRect方法何时调用 ———转
- UI控件和代理为什么使用weak
- Strict和Quirk模式下的差异
- Django – query not equal
- Increasing Triplet Subsequence
- iOS UIKit:animation
- uuid的生成
- [BS-13] 创建和注册UITableViewCell及Storyboard和Xib区别
- 关于confluence出现org.osgi.framework.BundleException的解决办法
- UILabel 自适应的text属性和attributedText搜索属性有什么区别
- 通过onWindowAttributesChanged和onSystemUiVisibilityChange监听状态栏页面的隐藏与显示、动态显示与隐藏状态栏
- Sequence【SDUT2169】——区间划分
- iOS UIWindow:获取屏幕最上层的窗口
- uImage、zImage、bzImage、vlinzx区别