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 相关文章推荐
前端隐藏出边界内容的实现方法
Apr 14 HTML / CSS
CSS3让登陆面板3D旋转起来
May 03 HTML / CSS
CSS3 2D模拟实现摩天轮旋转效果
Nov 16 HTML / CSS
总结30个CSS3选择器
Apr 13 HTML / CSS
html5文本内容_动力节点Java学院整理
Jul 11 HTML / CSS
详解使用canvas保存网页为pdf文件支持跨域
Nov 23 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(三)
Jan 21 HTML / CSS
html5 跨文档消息传输示例探讨
Apr 01 HTML / CSS
利用纯html5绘制出来的一款非常漂亮的时钟
Jan 04 HTML / CSS
HTML5 层的叠加的实现
Jul 07 HTML / CSS
HTML常用标签超详细整理
Mar 19 HTML / CSS
如何用H5实现好玩的2048小游戏
Jul 23 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
强烈推荐:php.ini中文版(1)
2006/10/09 PHP
php导入excel文件到mysql数据库的方法
2015/01/14 PHP
php设计模式之单例模式代码
2016/06/11 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
JS数组去重与取重的示例代码
2014/01/24 Javascript
Node.js中的process.nextTick使用实例
2015/06/25 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
js计算文本框输入的字符数
2015/10/23 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
Javascript实现图片不间断滚动的代码
2016/06/22 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
2016/12/13 Javascript
js以及jquery实现手风琴效果
2020/04/17 Javascript
Vue-Router模式和钩子的用法
2018/02/28 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
2018/10/26 jQuery
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
2018/11/28 Javascript
关于自定义Egg.js的请求级别日志详解
2018/12/12 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
2019/01/21 Javascript
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
Python-基础-入门 简介
2014/08/09 Python
Python判断Abundant Number的方法
2015/06/15 Python
python+selenium识别验证码并登录的示例代码
2017/12/21 Python
python如何生成网页验证码
2018/07/28 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
公务员转正考察材料
2014/02/07 职场文书
2014乡镇党政班子四风问题思想汇报
2014/09/14 职场文书
大学生毕业个人总结
2015/02/15 职场文书
产品质量保证书范本
2015/02/27 职场文书
高中信息技术教学反思
2016/02/16 职场文书
初二物理教学反思
2016/02/19 职场文书
MySQL 百万级数据的4种查询优化方式
2021/06/07 MySQL
MySQL中的全表扫描和索引树扫描
2022/05/15 MySQL
js基于div丝滑实现贝塞尔曲线
2022/09/23 Javascript