HTML DOM Color 对象

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 属性