您现在的位置: 365建站网 > 建站教程 > JavaScript 教程 > HTML DOM Color 对象

HTML DOM Color 对象

此节有 99 人学习过     参与评论

Color 对象

Color 对象是 HTML5 中的新对象。

Color 对象表示 HTML <input type="color"> 元素。

注释:Internet Explorer 和 Safari 不支持 <input type="color"> 元素。

访问 Color 对象

您可以通过使用 getElementById() 来访问 <color> 元素:

var x = document.getElementById("myColor");

亲自试一试

提示:您也可以通过遍历表单的 elements 集合来访问 Color 对象。

创建 Color 对象

您可以通过使用 document.createElement() 方法来创建 <color> 元素:

var x = document.createElement("INPUT");
x.setAttribute("type", "color");

亲自试一试

Color 对象属性

属性 描述
span 设置或返回列的 span 属性的值。
autocomplete 设置或返回色彩选择器的 autocomplete 属性值。
autofocus 设置或返回色彩选择器在页面加载后是否应自动获取焦点。
defaultValue 设置或返回色彩选择器的默认值。
disabled 设置或返回色彩选择器是否被禁用。
form 返回对包含色彩选择器的表单的引用。
list 返回对包含色彩选择器的 datalist 的引用。
name 设置或返回色彩选择器的 name 属性值。
type 返回色彩选择器的表单元素类型。
value 设置或返回色彩选择器的 value 属性值。

标准属性和事件

Color 对象支持标准属性事件

相关页面

HTML 教程:HTML 表单

HTML 参考手册:HTML <input> 标签

HTML 参考手册:HTML <input> type 属性

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (99人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------
JavaScript 教程目录

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号