html5的確給我們帶來(lái)驚喜， 新增的dom api-類(lèi)選擇器

那么怎樣使用呢？看下面的代碼吧.....

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

els[0].focus();多有意思的一個(gè)api，提供了豐富的用戶(hù)體驗(yàn)！

看下面的小例子吧

XML/HTML

html5-DOM API

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

els[0].focus();

通過(guò)類(lèi)似 css 選擇器的語(yǔ)法定位元素 (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";

總結(jié)

以上是生活随笔為你收集整理的HTML5中CLASS选择器,html5 class选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。