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发光搜索表单分享
Apr 11 HTML / CSS
css3新增颜色表示方式分享
Apr 15 HTML / CSS
纯css3制作网站后台管理面板
Dec 30 HTML / CSS
CSS3实现时间轴特效
Nov 02 HTML / CSS
浅谈pc和移动端的响应式的使用
Jan 03 HTML / CSS
将HTML5 Canvas的内容保存为图片借助toDataURL实现
May 20 HTML / CSS
HTML5中使用json对象的实例代码
Sep 10 HTML / CSS
手把手教你实现一个canvas智绘画板的方法
Mar 04 HTML / CSS
简单实现一个手持弹幕功能+文字抖动特效
Mar 31 HTML / CSS
CSS 新特性 contain控制页面的重绘与重排问题
Apr 30 HTML / CSS
CSS3中Animation实现简单的手指点击动画的示例
Jul 15 HTML / CSS
CSS实现单选折叠菜单功能
Nov 01 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中GET变量的使用
2006/10/09 PHP
dedecms中常见问题修改方法总结
2007/03/21 PHP
php连接Access数据库错误及解决方法
2013/06/20 PHP
php验证手机号码
2015/11/11 PHP
PHP面向对象程序设计类的定义与用法简单示例
2016/12/27 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
学习ExtJS border布局
2009/10/08 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
JS编程小常识很有用
2012/11/26 Javascript
表单提交前触发函数返回true表单才会提交
2014/03/11 Javascript
用js判断是否为360浏览器的实现代码
2015/01/15 Javascript
javascript带回调函数的异步脚本载入方法实例分析
2015/07/02 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
2017/02/16 Javascript
详谈js中数组(array)和对象(object)的区别
2017/02/27 Javascript
JS如何获取地址栏的参数实例讲解
2018/10/06 Javascript
解决百度Echarts图表坐标轴越界的方法
2018/10/17 Javascript
vue elementui form表单验证的实现
2018/11/11 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
2019/10/21 Javascript
vue实例的选项总结
2020/06/09 Javascript
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
Python中django学习心得
2017/12/06 Python
Python实现多线程的两种方式分析
2018/08/29 Python
对Python Class之间函数的调用关系详解
2019/01/23 Python
超简单使用Python换脸实例
2019/03/27 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
django创建超级用户过程解析
2019/09/18 Python
Python matplotlib图例放在外侧保存时显示不完整问题解决
2020/07/28 Python
python 多线程爬取壁纸网站的示例
2021/02/20 Python
详解HTML5如何使用可选样式表为网站或应用添加黑暗模式
2020/04/07 HTML / CSS
Sephora丝芙兰泰国官方网站:国际知名化妆品购物
2017/11/15 全球购物
SQL SERVER面试资料
2013/03/30 面试题
Java语言程序设计测试题改错题部分
2014/07/22 面试题
个人自荐书
2013/12/20 职场文书
安全环保标语
2014/06/09 职场文书
班级活动总结格式
2014/08/30 职场文书