HTML5學(xué)習(xí)筆記簡明版(11):新增的API
2011-12-18 11:52 湯姆大叔 閱讀(5959) 評論(2) 收藏 舉報(bào)HTMLDocument上的擴(kuò)展
HTML5在DOM Level 2 HTML上擴(kuò)展了一些HTMLDocument的接口。這些接口在所有實(shí)現(xiàn)了Document接口的元素對象上進(jìn)行了實(shí)現(xiàn)。HTML5在里面也新增加了幾個(gè)成員:
getElementsByClassName():用class類獲取元素,用這個(gè)方法可以查詢?nèi)魏螏в?span style="color: rgba(255, 102, 0, 1)">class屬性且?guī)в蟹显?span style="color: rgba(255, 102, 0, 1)">class參數(shù)值的元素和Document對象(例如:SVG和MathML)。innerHTML:一種解析和序列化HTML/XML文檔的方式,該屬性在以前版本的瀏覽器里只支持HTMLElement并且沒有標(biāo)準(zhǔn)化,現(xiàn)在已經(jīng)支持HTMLDocument了。activeElement和hasFocus:聲明哪個(gè)元素是當(dāng)前的焦點(diǎn)元素和該Document是否有各自的焦點(diǎn)。
HTMLElement上的擴(kuò)展
在HTML5里,也對HTMLElement接口增加了一些擴(kuò)展:
getElementsByClassName():和HTMLDocument里的同名擴(kuò)展是等價(jià)的,只是范圍作用域不同 。innerHTML:當(dāng)前大部分瀏覽器都已經(jīng)支持(包括XML content)。classList:是className的訪問器,該對象提供(contains(),add(),remove(), andtoggle())方法來操作元素的class。元素a,area和link也有一個(gè)相似的屬性訪問器relList提供同樣的功能來操作rel屬性。
HTML5在DOM Level 2 HTML上擴(kuò)展了一些HTMLDocument的接口。這些接口在所有實(shí)現(xiàn)了Document接口的元素對象上進(jìn)行了實(shí)現(xiàn),例如:getElementsByClassName,innerHTML以及activeElement和hasFocus。同時(shí),也對HTMLElement接口增加了一些擴(kuò)展,如getElementsByClassName,innerHTML,classList。
浙公網(wǎng)安備 33010602011771號(hào)