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 相关文章推荐
让IE可以变相支持CSS3选择器
Jan 21 HTML / CSS
CSS3 border-image详解、应用及jQuery插件
Aug 29 HTML / CSS
一款纯css3实现的竖形二级导航的实例教程
Dec 11 HTML / CSS
利用CSS3动画实现圆圈由小变大向外扩散的效果实例
Sep 10 HTML / CSS
css3媒体查询中device-width和width的区别详解
Mar 27 HTML / CSS
HTML5 FormData 方法介绍以及实现文件上传示例
Sep 12 HTML / CSS
关于HTML5的22个初级技巧(图文教程)
Jun 21 HTML / CSS
纯HTML5+CSS3制作生日蛋糕(代码易懂)
Nov 16 HTML / CSS
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能
Dec 16 HTML / CSS
HTML5 常见面试题之PC端和移动端区别介绍
Jan 22 HTML / CSS
html5使用canvas压缩图片的示例代码
Sep 11 HTML / CSS
Canvas系列之滤镜效果
Feb 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
PHP+JS无限级可伸缩菜单详解(简单易懂)
2007/01/02 PHP
用php实现的获取网页中的图片并保存到本地的代码
2010/01/05 PHP
php Session存储到Redis的方法
2013/11/04 PHP
php实现把数组按指定的个数分隔
2014/02/17 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
使用CSS3实现字体颜色渐变的实现
2021/03/09 HTML / CSS
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
JavaScript实现点击自动选择TextArea文本的方法
2015/07/02 Javascript
js淡入淡出焦点图幻灯片效果代码分享
2015/09/08 Javascript
JS Array.slice 截取数组的实现方法
2016/01/02 Javascript
js创建jsonArray传输至后台及后台全面解析
2016/04/11 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
浅谈Vue网络请求之interceptors实际应用
2018/02/28 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
websocket4.0+typescript 实现热更新的方法
2019/08/14 Javascript
Vue分页插件的前后端配置与使用
2019/10/09 Javascript
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
浅谈Python的异常处理
2016/06/19 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
python3 求约数的实例
2019/12/05 Python
基于virtualenv创建python虚拟环境过程图解
2020/03/30 Python
TensorFlow Autodiff自动微分详解
2020/07/06 Python
canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
2018/01/10 HTML / CSS
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
推荐信模板
2014/05/09 职场文书
2014矛盾纠纷排查调处工作总结
2014/12/09 职场文书
2015年纪念“卢沟桥事变”78周年活动方案
2015/05/06 职场文书
2015年社区工会工作总结
2015/05/26 职场文书
人与自然的观后感
2015/06/18 职场文书
围城读书笔记
2015/06/26 职场文书
学校安全管理制度
2015/08/06 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
教你win10系统中APPCRASH事件问题解决方法
2022/07/15 数码科技