document.querySelector() document.querySelectAll()
来源:互联网 发布:linux运维项目 编辑:程序博客网 时间:2024/06/10 12:58
document.querySelector()
返回文档中陪陪指定的选择器的第一个元素(使用深度优先先序遍历文档的节点|并且通过文档标记中的第一个元素,并按照子节点数量的顺序迭代顺序节点)。
element = document.querySelector(selectors)
element 是一个element对象(Dom元素)
selectors是一个字符串,包含一个或者多个css选择器,多个则以逗号分开。。
兼容到IE8 ,
例子
var el = document.querySelector(".myclass");
<div id="div" class="longdiv"> <input name="login" type="text" /> </div>var el = document.querySelector('#div.longdiv input[name=login]')console.log(el)
这里有几个注意点:
如果没有找到匹配的元素,就会返回null, 如果找到多个匹配元素,就会返回第一个元素
选择器的名字必须是合法的 其中css伪类是不会返回的
document.querySelectorAll() 返回与指定的选择器匹配的文档中的元素列表,返回的是一个nodeList
elementList = dcument.querySelectorAll(selectors)
elementList 是一个nodeList类型的对象
selectors 是一个由逗号链接的包含一个或者多个css选择器的字符串
ps 注意
如果selectors中包含有css伪元素,则会返回一个空的elementList.
例子
var matches = document.querySelectorAll("div.note, div.alert");
兼容到IE8
阅读全文
0 0
- document.querySelector() document.querySelectAll()
- 关于 document.querySelector
- document.querySelector和querySelectorAll方法
- document.querySelector和querySelectorAll方法
- document对象中的querySelector方法使用
- document.getElementById和docuement.querySelector的区别
- document.querySelector以及document.querySelectorAll中的转义符
- document
- document
- Document
- document
- Document
- Document
- document
- Document
- document
- document
- document
- 动态加载so库
- IntelliJ IDEA 常用快捷键
- 常用的正则
- Tortoise SVN更新脚本
- 从应用角度看Android源码
- document.querySelector() document.querySelectAll()
- 自定义解析器【一】
- Redis资料汇总
- Ceph RBD编程接口Librbd(C++) -- 映像创建与数据读写
- Java随机数
- 17/7/31学习笔记04
- Android提示错误“R cannot be resolved…”
- MySQL 索引
- CodeForce 825B Five-In-a-Row<简单模拟>