HTML DOM Input Color 对象

Color 对象

Color 对象是 HTML5 中的新对象。

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

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

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

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

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

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

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

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

Color 对象支持标准属性和事件。