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中动画属性transform、transition和animation属性的区别
Sep 25 HTML / CSS
css3实现垂直下拉动画菜单示例
Apr 22 HTML / CSS
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
Oct 10 HTML / CSS
CSS3中Transition动画属性用法详解
Jul 04 HTML / CSS
CSS3 实现童年的纸飞机
May 05 HTML / CSS
巧用 CSS3的webkit-box-reflect 倒影实现各类动效
Mar 05 HTML / CSS
HTML5边玩边学(3)像素和颜色
Sep 21 HTML / CSS
HTML5新增元素如何兼容旧浏览器有哪些方法
May 09 HTML / CSS
HTML5调用手机摄像头拍照的实现思路及代码
Jun 15 HTML / CSS
HTML5有哪些新特征
Dec 01 HTML / CSS
HTML5新增form控件和表单属性实例代码详解
May 15 HTML / CSS
css背景和边框标签实例详解
May 21 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防止sql注入代码实例
2013/12/18 PHP
PHP 面向对象程序设计(oop)学习笔记(一) - 抽象类、对象接口、instanceof 和契约式编程
2014/06/12 PHP
Java中final关键字详解
2015/08/10 PHP
js计数器代码
2006/11/04 Javascript
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
javascript实现保留两位小数的多种方法
2015/12/18 Javascript
js中变量的连续赋值(实例讲解)
2017/07/08 Javascript
vue中appear的用法
2017/08/17 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
webpack4的迁移的使用方法
2018/05/25 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
微信小程序配置服务器提示验证token失败的解决方法
2019/04/03 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
Vue实现Layui的集成方法步骤
2020/04/10 Javascript
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
[54:47]Liquid vs VP Supermajor决赛 BO 第五场 6.10
2018/07/05 DOTA
利用python操作SQLite数据库及文件操作详解
2017/09/22 Python
Python设计模式之状态模式原理与用法详解
2019/01/15 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
python中有函数重载吗
2020/05/28 Python
python中逻辑与或(and、or)和按位与或异或(&、|、^)区别
2020/08/05 Python
python 下载文件的几种方法汇总
2021/01/06 Python
用Python制作音乐海报
2021/01/26 Python
数控专业推荐信范文
2013/12/02 职场文书
食堂个人先进事迹
2014/01/22 职场文书
表彰大会策划方案
2014/05/13 职场文书
美术社团活动总结
2014/06/27 职场文书
《确定位置》教学反思
2016/02/18 职场文书
2016年社区文体活动总结
2016/04/06 职场文书
Python获取百度热搜的完整代码
2021/04/07 Python
nginx容器方式反向代理实战
2022/04/18 Servers