html5的确给我们带来惊喜, 新增的dom api-类选择器
那么怎样使用呢?看下面的代码吧.....
JavaScriptvar els = document.getElementsByClassName('myinput');
els[0].focus();多有意思的一个api,提供了丰富的用户体验!
看下面的小例子吧
XML/HTML
html5-DOM APIvar els = document.getElementsByClassName('section');
els[0].focus();
通过类似 css 选择器的语法定位元素 (Selectors API)
JavaScriptvar els = document.querySelectorAll("ul li:nth-child(odd)");var els = document.querySelectorAll("table.test > tr > td");
XML/HTML
html5-querySelectorAll- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
var els = document.querySelectorAll("ul li:nth-child(odd)");
for(var i =0; i
els.item(i).style.color="#f00";
其他的例子
XML/HTML
tables | s | s | s |
s | s | s | s |
s | s | s | s |
s | s | s | s |
alert(els.length);
for(var i = 0; i
els.item(i).style.color="#f00";