ITPub博客

首页 > 应用开发 > IT综合 > HTML5 新的选择器

HTML5 新的选择器

原创 IT综合 作者:jyb2014 时间:2014-07-22 17:25:45 0 删除 编辑

根据类名匹配元素(DOM API),返回匹配到的元素数组,无匹配则返回空的数组。javascript

var els = document.getElementsByClassName(‘section’);

支持浏览器:IE9, FireFox 3.0+, Safari 3.2+, Chrome 4.0+, Opera 10.1+

根据css选择器匹配元素(Selectors API):querySelector 和 querySelectorAll。 querySelector返回匹配到的第一个元素,如果没有匹配则返回null

javascript

var els = document.querySelector(“ul li:nth-child(odd)”);var els =document.querySelector(“table.test > tr > td”);

querySelectorAll返回所有匹配到的元素数组,如果没有匹配则返回空的数组

javascript

var els = document.querySelectorAll(“ul li:nth-child(odd)”);var els =document.querySelectorAll(“table.test > tr > td”);

支持浏览器:IE 8+, FireFox 3.5+, Safari 3.2+, Chrome 4.0+, Opera 10.1+

选择器效率测试见:http://jsperf.com/queryselectorall2

Opera的Selectors API明显经过优化,其余浏览器的getElementById效率是最高的。

Selectors API遵循CSS选择器效率规则

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/29753604/viewspace-1224753/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2014-07-15

  • 博文量
    101
  • 访问量
    196518