HTML5通用接口的示例分析

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

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

NaN（Not-a-Number）。

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

或者非數字的值。

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

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

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

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

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

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

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

length和item屬性跟HTMLCollection的一樣。

namedItem（name）區別于HTMLCollection的是它有可能返回的是一個集合。

tags（tagname）用tagname返回一個集合。

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

[name]，collection（name）獲取集合中的元素，當那么值匹配多個元素時返回一個

HTMLAllCollection。

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

HTMLCollection接口。

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

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

在HTMLFormControlsCollection里的用意。

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

于操縱select標簽的子元素。

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

add方法有兩個重載

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

增加一個元素第一參數必須，后面的參數是可選的

remove（index）以索引刪除一個元素。

selectedIndex相信大家都能明白。

關于“HTML5通用接口的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。