HTML5通用接口的示例分析

这篇文章将为大家详细讲解有关HTML5通用接口的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

网站的建设创新互联建站专注网站定制,经验丰富,不做模板,主营网站定制开发.小程序定制开发,H5页面制作!给你焕然一新的设计体验!已为成都边坡防护网等企业提供专业服务。

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通用接口的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。