HTML5通用接口详解


Posted in HTML / CSS onJune 12, 2016

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通用接口详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

原文地址:http://www.cnblogs.com/androidshouce/archive/2016/06/12/5576501.html

HTML / CSS 相关文章推荐
一款纯css3实现的动画加载导航
Oct 08 HTML / CSS
CSS中的字体大小设置属性总结
May 24 HTML / CSS
CSS3,线性渐变(linear-gradient)的使用总结
Jan 09 HTML / CSS
利用CSS3的3D效果制作正方体
Mar 10 HTML / CSS
纯CSS3实现移动端展开和收起效果的示例代码
Apr 26 HTML / CSS
CSS3 实现图形下落动画效果
Nov 13 HTML / CSS
html5 CSS过度-webkit-transition使用介绍
Jul 02 HTML / CSS
HTML块级标签汇总(小篇)
Jul 13 HTML / CSS
用canvas画心电图的示例代码
Sep 10 HTML / CSS
移动端html5模拟长按事件的实现方法
Sep 30 HTML / CSS
web字体加载方案优化小结
Nov 29 HTML / CSS
HTML5拖拽文件上传的示例代码
Mar 04 HTML / CSS
html5表单及新增的改良元素详解
Jun 07 #HTML / CSS
10个最常见的HTML5面试题 附答案
Jun 06 #HTML / CSS
12个不为大家熟知的HTML5设计小技巧
Jun 02 #HTML / CSS
HTML5中的进度条progress元素简介及兼容性处理
Jun 02 #HTML / CSS
关于老式浏览器兼容HTML5和CSS3的问题
Jun 01 #HTML / CSS
h5调用摄像头的实现方法
Jun 01 #HTML / CSS
HTML5拖拽的简单实例
May 30 #HTML / CSS
You might like
thinkphp浏览历史功能实现方法
2014/10/29 PHP
Yii多表联合查询操作详解
2016/06/02 PHP
Yii2框架实现数据库常用操作总结
2017/02/08 PHP
PHP+JavaScript实现无刷新上传图片
2017/02/21 PHP
laravel5 Eloquent 实现事务方式
2019/10/21 PHP
Javascript中的delete介绍
2012/09/02 Javascript
js禁止document element对象选中文本实现代码
2013/03/21 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
Angularjs material 实现搜索框功能
2016/03/08 Javascript
HTML5 实现的一个俄罗斯方块实例代码
2016/09/19 Javascript
vue实现通讯录功能
2018/07/14 Javascript
js实现固定区域内的不重叠随机圆
2019/10/24 Javascript
[00:43]2016完美“圣”典风云人物:单车宣传片
2016/12/02 DOTA
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
python支持断点续传的多线程下载示例
2014/01/16 Python
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
动感网页相册 python编写简单文件夹内图片浏览工具
2016/08/17 Python
利用ctypes提高Python的执行速度
2016/09/09 Python
python 限制函数执行时间,自己实现timeout的实例
2019/01/12 Python
解决python中显示图片的plt.imshow plt.show()内存泄漏问题
2020/04/24 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
2013/11/05 HTML / CSS
Myholidays美国:在线旅游网站
2019/08/16 全球购物
幼儿园英语教学反思
2014/01/30 职场文书
亮化工程实施方案
2014/03/17 职场文书
工厂采购员岗位职责
2014/04/08 职场文书
体操比赛口号
2014/06/10 职场文书
人力资源管理专业求职信
2014/07/23 职场文书
2014年教师党员自我评议
2014/09/19 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
圣诞晚会主持词
2015/07/01 职场文书
2015初中教导处工作总结
2015/07/21 职场文书
nginx部署多前端项目的几种方法
2021/05/25 Servers