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学习之2D转换功能详解
Dec 23 HTML / CSS
css3的transform造成z-index无效解决方案
Dec 04 HTML / CSS
关于HTML5的安全问题开发人员需要牢记的
Jun 21 HTML / CSS
html5指南-3.如何实现html元素拖拽功能
Jan 07 HTML / CSS
纯html5+css3下拉导航菜单实现代码
Mar 18 HTML / CSS
html5+css3气泡组件的实现
Nov 21 HTML / CSS
详解HTML5 Canvas绘制不规则图形时的非零环绕原则
Mar 21 HTML / CSS
HTML5对比HTML4的主要改变和改进总结
May 27 HTML / CSS
Html5之title吸顶功能
Jun 04 HTML / CSS
html5 input输入实时检测以及延时优化
Jul 18 HTML / CSS
html5实现点击弹出图片功能
Jul 16 HTML / CSS
CSS控制继承中的height能变为可继承吗
Jun 10 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写入数据库类代码分享
2011/07/26 PHP
PHP 中检查或过滤IP地址的实现代码
2011/11/27 PHP
php中jQuery插件autocomplate的简单使用笔记
2012/06/14 PHP
一漂亮的PHP图片验证码实例
2014/03/21 PHP
Laravel5.1自定义500错误页面示例
2016/10/09 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
JavaScript游戏之优化篇
2010/11/08 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
2014/01/10 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
2014/05/15 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
2015/10/12 Javascript
node.js require() 源码解读
2015/12/13 Javascript
javascript瀑布流式图片懒加载实例
2020/06/28 Javascript
JavaScript获取ul中li个数的方法
2017/02/13 Javascript
原生js实现密码输入框值的显示隐藏
2017/07/17 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
Angularjs实现上传图片预览功能
2017/09/01 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
详解Vue路由自动注入实践
2019/04/17 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
2019/04/19 Javascript
了解javascript中变量及函数的提升
2019/05/27 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
2020/09/04 Javascript
Python实现模拟登录及表单提交的方法
2015/07/25 Python
尝试使用Python多线程抓取代理服务器IP地址的示例
2015/11/09 Python
Python中new方法的详解
2019/01/15 Python
基于python代码批量处理图片resize
2020/06/04 Python
pycharm 实现本地写代码,服务器运行的操作
2020/06/08 Python
Python偏函数Partial function使用方法实例详解
2020/06/17 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
基于HTML5 audio元素播放声音jQuery小插件
2011/05/11 HTML / CSS
Unix如何在一行中运行多个命令
2015/05/29 面试题
机电一体化专业毕业生自荐信
2014/06/19 职场文书
巾帼志愿者活动方案
2014/08/17 职场文书
国富论读书笔记
2015/06/26 职场文书
解决WINDOWS电脑开机后桌面没有任何图标
2022/04/09 数码科技