H5的通用介面詳細介紹

這次帶給大家H5的通用介面詳細介紹，怎樣使用H5的通用介面？ H5的通用介面的注意事項有哪些，下面就是實戰案例，一起來看一下。

先說幾個基本型別： 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 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相信大家都能明白。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

bootstrap裡如何統計table sum的數量

怎麼用JS做出切換隱藏與顯示同時切換圖示

vue.js todolist如何實作

以上是H5的通用介面詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！