JavaScript高级选择器querySelector和querySelectorAll
来源:互联网 发布:成都网络公关公司 编辑:程序博客网 时间:2024/06/10 07:37
querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素。
目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。
querySelector和querySelectorAll的参数须是符合 css selector 的字符串。不同的是querySelector返回的是一个对象,querySelectorAll返回的一个集合(NodeList)。
获取页面属性ID为test的元素:
- document.getElementById("test");
- //or
- document.querySelector("#test");
- document.querySelectorAll("#test")[0];
获取页面class属性为”red”的元素:
- document.getElementsByClassName('red')
- //or
- document.querySelector('.red')
- //or
- document.querySelectorAll('.red')
题目:写一个traverse函数,输出所有页面宽度和高度大于50像素的节点。
function traverse(){ return Array.prototype.filter.call(document.querySelectorAll('body *'), function(node){ return node.offsetWidth > 50 && node.offsetHeight > 50; });}
阅读全文
0 0
- javascript高级选择器querySelector和querySelectorAll
- javascript高级选择器querySelector和querySelectorAll
- javascript高级选择器querySelector和querySelectorAll
- 浅谈JavaScript高级选择器querySelector和querySelectorAll
- JavaScript高级选择器querySelector和querySelectorAll
- javascript中的querySelector()和querySelectorAll()
- javascript的querySelectorAll()和querySelector()
- JavaScript高级选择器 querySelector
- 原生DOM选择器querySelector和querySelectorAll
- 再谈querySelector和querySelectorAll
- querySelector和querySelectorAll
- querySelector和querySelectorAll区别
- querySelector()和querySelectorAll()
- 【HTML5与CSS3基础】选择器querySelector和querySelectorAll
- 强大的原生DOM选择器querySelector和querySelectorAll
- 强大的原生DOM选择器querySelector和querySelectorAll
- javascript函数querySelector,querySelectorAll介绍
- DOM元素querySelectorAll和querySelector
- 数据库命名规范--通用(sql,mysql,orcle,db)
- c++多重继承的bug
- css样式及其加载顺序
- 利用网页表格导出EXCEL表格加线框及表格内部间距的问题
- 解决cocoapods diff: /../Podfile.lock: No such file or directory
- JavaScript高级选择器querySelector和querySelectorAll
- oracle rac报错:PRVF-9652 : Cluster Time Synchronization Services check failed
- Python 描述符代码示例
- mysql-mmm-monitor服务启动错误,没有编译相关的Class::Singleton包
- 利用代码下载Apk
- HTML学习1
- HDU-4323Magic Number
- sql数据库备份和恢复
- AbstractQueuedSynchronizer 之 共享锁