HTML5通用接口的示例分析

這篇文章將為大家詳細(xì)講解有關(guān)HTML5通用接口的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

1.先說幾個(gè)基本類型： DOMString， boolean， long， unsigned long， double，

NaN（Not-a-Number）。

DOMString其實(shí)就是其它大家常用的語言中的string。 在HTML5中，它用于表示url，Dom內(nèi)容等等。其他的boolean（布爾）， long（長(zhǎng)整型）， unsigned long（無符號(hào)長(zhǎng)整型）， double（浮點(diǎn)數(shù)）我想不用我詳述，大家都能清楚。至于NaN我想大部分JS老鳥也都清楚其意義，就是在一個(gè)無窮大

或者非數(shù)字的值。

官方文檔里沒有介紹undefined和null，至于為什么，希望能有高手給予解答~~

2. 集合類型包括： HTMLCollection, HTMLAllCollection,
HTMLFormControlsCollection, HTMLOptionsCollection, and
HTMLPropertiesCollection。

HTMLCollection是一個(gè)泛型集合，也是一個(gè)集合的基礎(chǔ)接口，它提供了三個(gè)attributes：
length， item， namedItem.

length是集合的長(zhǎng)度。
item（index）可以用索引值獲取集合中的元素。
namedItem（name）可以用元素的name獲取元素。

實(shí)際上你也可以直接用collection[index]，collection（index）或collection

[name]，collection（name）獲取集合中的元素。

HTMLAllCollection繼承自HTMLCollection接口，他包含以下屬性：

length和item屬性跟HTMLCollection的一樣。

namedItem（name）區(qū)別于HTMLCollection的是它有可能返回的是一個(gè)集合。

tags（tagname）用tagname返回一個(gè)集合。

同樣你也可以直接用collection[index]，collection（index）或collection

[name]，collection（name）獲取集合中的元素，當(dāng)那么值匹配多個(gè)元素時(shí)返回一個(gè)

HTMLAllCollection。

HTMLFormControlsCollection是一個(gè)以form和fieldset為元素的集合。同樣繼承自

HTMLCollection接口。

有HTMLCollection的所有屬性，并另外增加了RadioNodeList接口。它繼承自NodeList。

其實(shí)RadioNodeList按定義上來說就是一個(gè)Radiobutton的集合。我比較好奇這樣一個(gè)list放

在HTMLFormControlsCollection里的用意。

HTMLOptionsCollection是一個(gè)option的集合，繼承自HTMLCollection接口，它一般用

于操縱select標(biāo)簽的子元素。

HTMLOptionsCollection特有的屬性有：add（option），remove（index），selectedIndex

add方法有兩個(gè)重載

void add(in HTMLElement element, in optional HTMLElement before);
void add(in HTMLElement element, in long before);

增加一個(gè)元素第一參數(shù)必須，后面的參數(shù)是可選的

remove（index）以索引刪除一個(gè)元素。

selectedIndex相信大家都能明白。

關(guān)于“HTML5通用接口的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。