html5通配选择器,html5 class选择器

html5的确给咱们带来惊喜， 新增的dom api-类选择器javascript

那么怎样使用呢？看下面的代码吧.....css

JavaScriptvar els = document.getElementsByClassName('myinput');

els[0].focus();多有意思的一个api，提供了丰富的用户体验！html

看下面的小例子吧html5

XML/HTML

html5-DOM API

var els = document.getElementsByClassName('section');

els[0].focus();

经过相似 css 选择器的语法定位元素 (Selectors API)java

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

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";

其余的例子dom

XML/HTML

table

s	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";

  ui