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 border-image使用说明
Jun 23 HTML / CSS
纯CSS3实现的阴影效果
Dec 24 HTML / CSS
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
Dec 30 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
Feb 24 HTML / CSS
详解如何用canvas画一个微笑的表情
Mar 14 HTML / CSS
html5中为audio标签增加停止按钮动作实现方法
Jan 04 HTML / CSS
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
Jan 30 HTML / CSS
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
Feb 28 HTML / CSS
html5+css3进度条倒计时动画特效代码【推荐】
Mar 08 HTML / CSS
HTML5之语义标签介绍
Jul 07 HTML / CSS
详解H5 活动页之移动端 REM 布局适配方法
Dec 07 HTML / CSS
iframe在移动端的缩放的示例代码
Oct 12 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
IIS6的PHP最佳配置方法
2007/03/19 PHP
php的一些小问题
2010/07/03 PHP
php数组的一些常见操作汇总
2011/07/17 PHP
destoon文章模块调用企业会员资料的方法
2014/08/22 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
Laravel 实现数据软删除功能
2019/08/21 PHP
PHP实现发送微博消息功能完整示例
2019/12/04 PHP
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
jQuery中的常用事件总结
2009/12/27 Javascript
js无刷新操作table的行和列
2014/03/27 Javascript
javascript原型链继承用法实例分析
2015/01/28 Javascript
javascript从作用域链谈闭包
2020/07/29 Javascript
深入学习jQuery Validate表单验证
2016/01/18 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
JS百度地图搜索悬浮窗功能
2017/01/12 Javascript
微信小程序 支付后台java实现实例
2017/05/09 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
JS中this的4种绑定规则详解
2020/02/04 Javascript
ant design vue 表格table 默认勾选几项的操作
2020/10/31 Javascript
json.stringify()与json.parse()的区别以及用处
2021/01/25 Javascript
Pycharm技巧之代码跳转该如何回退
2017/07/16 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
用Python写一个自动木马程序
2019/09/17 Python
Python3 io文本及原始流I/O工具用法详解
2020/03/23 Python
Django查询优化及ajax编码格式原理解析
2020/03/25 Python
Python加载数据的5种不同方式(收藏)
2020/11/13 Python
如果NULL和0作为空指针常数是等价的,那我到底该用哪一个
2014/09/16 面试题
计算机专业学生求职信分享
2013/12/15 职场文书
市优秀教师事迹材料
2014/02/05 职场文书
幼儿园中秋节活动反思
2014/02/16 职场文书
烹饪大赛策划方案
2014/05/26 职场文书
影视广告专业求职信
2014/09/02 职场文书
党支部创先争优公开承诺书
2015/04/30 职场文书
mysql的Buffer Pool存储及原理
2022/04/02 MySQL
MySQL 数据表操作
2022/05/04 MySQL