您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > JavaScript 教程 > HTML DOM Color 對(duì)象

HTML DOM Color 對(duì)象

此節(jié)有 111 人學(xué)習(xí)過參與評(píng)論

Color 對(duì)象

Color 對(duì)象是 HTML5 中的新對(duì)象。

Color 對(duì)象表示 HTML <input type="color"> 元素。

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

您可以通過使用 getElementById() 來訪問 <color> 元素：

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

提示：您也可以通過遍歷表單的 elements 集合來訪問 Color 對(duì)象。

您可以通過使用 document.createElement() 方法來創(chuàng)建 <color> 元素：

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

屬性	描述
span	設(shè)置或返回列的 span 屬性的值。
autocomplete	設(shè)置或返回色彩選擇器的 autocomplete 屬性值。
autofocus	設(shè)置或返回色彩選擇器在頁面加載后是否應(yīng)自動(dòng)獲取焦點(diǎn)。
defaultValue	設(shè)置或返回色彩選擇器的默認(rèn)值。
disabled	設(shè)置或返回色彩選擇器是否被禁用。
form	返回對(duì)包含色彩選擇器的表單的引用。
list	返回對(duì)包含色彩選擇器的 datalist 的引用。
name	設(shè)置或返回色彩選擇器的 name 屬性值。
type	返回色彩選擇器的表單元素類型。
value	設(shè)置或返回色彩選擇器的 value 屬性值。

Color 對(duì)象支持標(biāo)準(zhǔn)屬性和事件。