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实现质感细腻丝滑按钮
Mar 09 HTML / CSS
使用CSS3代码绘制可爱的Hello Kitty猫
Aug 03 HTML / CSS
纯css3(无图片/js)制作的几个社交媒体网站的图标
Mar 21 HTML / CSS
css3 条纹化和透明化表格Firefox下测试成功
Apr 15 HTML / CSS
使用css3实现的windows8开机加载动画
Dec 09 HTML / CSS
使用CSS3的appearance属性改变元素的外观的方法
Dec 12 HTML / CSS
CSS3制作轮播图的一种方法
Nov 11 HTML / CSS
css3中less实现文字长阴影(long shadow)
Apr 24 HTML / CSS
纯CSS3实现运行时钟的示例代码
Jan 25 HTML / CSS
HTML5 FormData 方法介绍以及实现文件上传示例
Sep 12 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
Jun 20 HTML / CSS
解析浏览器的一些“滚动”行为鉴赏
Sep 16 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
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
Yii 2.0如何使用页面缓存方法示例
2017/05/23 PHP
使用PHP访问RabbitMQ消息队列的方法示例
2018/06/06 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
JavaScript 轻松搞定快捷留言功能 只需一行代码
2010/04/01 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
2011/05/25 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
2013/04/26 Javascript
JS 实现导航栏悬停效果(续)
2013/09/24 Javascript
javascript获得当前的信息的一些常用命令
2015/02/25 Javascript
jQuery网页选项卡插件rTabs用法实例分析
2015/08/26 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
H5用户注册表单页 注册模态框!
2016/09/17 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
2017/05/26 jQuery
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
2017/06/12 Javascript
JS点击缩略图整屏居中放大图片效果
2017/07/04 Javascript
如何去除vue项目中的#及其ie9兼容性
2018/01/11 Javascript
nodejs通过钉钉群机器人推送消息的实现代码
2019/05/05 NodeJs
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
javascript实现获取中文汉字拼音首字母
2020/05/19 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
2020/08/22 Javascript
Python实现端口复用实例代码
2014/07/03 Python
Python元字符的用法实例解析
2018/01/17 Python
pandas.dataframe按行索引表达式选取方法
2018/10/30 Python
python跳出双层for循环的解决方法
2019/06/24 Python
Django 限制访问频率的思路详解
2019/12/24 Python
python调用jenkinsAPI构建jenkins,并传递参数的示例
2020/12/09 Python
法国珠宝店:CLEOR
2017/01/29 全球购物
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
大学生党员自我批评
2014/02/14 职场文书
一帮一活动总结
2014/05/08 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
预备党员思想汇报1000字
2014/10/07 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书
redis复制有可能碰到的问题汇总
2022/04/03 Redis