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实现多背景模拟动态边框的效果
Nov 08 HTML / CSS
详解如何在css3打包后自动追加前缀插件:autoprefixer
Dec 18 HTML / CSS
CSS3实现线性渐变用法示例代码详解
Aug 07 HTML / CSS
CSS3实现苹果手机解锁的字体闪亮效果示例
Jan 05 HTML / CSS
HTML5文档结构标签
Apr 21 HTML / CSS
在HTML5 canvas里用卷积核进行图像处理的方法
May 02 HTML / CSS
HTML5 实战PHP之Web页面表单设计
Oct 09 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
Jul 02 HTML / CSS
canvas如何实现多张图片编辑的图片编辑器
Mar 10 HTML / CSS
html5小程序飞入购物车(抛物线绘制运动轨迹点)
Oct 19 HTML / CSS
浅谈css实现背景颜色半透明的两种方法
Dec 06 HTML / CSS
CSS使用Flex和Grid布局实现3D骰子
Aug 05 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
2006/11/25 PHP
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
Mac系统完美安装PHP7详细教程
2017/06/06 PHP
jquery 表单进行客户端验证demo
2009/08/24 Javascript
jQuery中获取Radio元素值的方法
2013/07/02 Javascript
javascript获得网页窗口实际大小的示例代码
2013/09/21 Javascript
jQuery中val()方法用法实例
2014/12/25 Javascript
JQuery实现的图文自动轮播效果插件
2015/06/19 Javascript
如何利用JQuery实现从底部回到顶部的功能
2016/12/27 Javascript
JS中实现函数return多个返回值的实例
2017/02/21 Javascript
jQuery中库的引用方法
2018/01/06 jQuery
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
[01:50]《我与DAC》之玩家:iG夺冠时的那面红旗
2018/03/29 DOTA
Python时间的精准正则匹配方法分析
2017/08/17 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
Python实现将多个空格换为一个空格.md的方法
2018/12/20 Python
python环境路径配置以及命令行运行脚本
2019/04/02 Python
Python+OpenCV+图片旋转并用原底色填充新四角的例子
2019/12/12 Python
Python实现汇率转换操作
2020/05/03 Python
keras 解决加载lstm+crf模型出错的问题
2020/06/10 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
美国CVS药店官网:CVS Pharmacy
2018/07/26 全球购物
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
如何高效率的查找一个月以内的数据
2012/04/15 面试题
大一学生的职业生涯规划书范文
2014/01/19 职场文书
农民工工资承诺书范文
2014/03/31 职场文书
小学作文评语大全
2014/04/21 职场文书
幼儿园课题方案
2014/06/09 职场文书
户籍证明书标准模板
2014/09/10 职场文书
关于军训的感想
2015/08/07 职场文书
小学作文指导之如何写人?
2019/07/08 职场文书
Springboot如何使用logback实现多环境配置?
2021/06/16 Java/Android
nginx共享内存的机制详解
2022/03/21 Servers