html5中class选择器,html5 class选择器 -ag凯发k8国际

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

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

javascriptvar els = document.getelementsbyclassname('myinput');

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

看下面的小例子吧

xml/html

html5-dom api

var 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

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

总结

以上是ag凯发k8国际为你收集整理的html5中class选择器,html5 class选择器的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错，欢迎将ag凯发k8国际推荐给好友。