HTML DOM Input Color value 屬性

2018-08-04 20:40 更新

Input Color value 屬性

Input Color 對(duì)象參考手冊(cè) Input Color 對(duì)象

實(shí)例

修改拾色器默認(rèn)的顏色:

document.getElementById("myColor").value = #FF8040;

嘗試一下 ?

定義和用法

value 屬性設(shè)置或者返回拾色器的 value 屬性值。

value 屬性描述了拾色器的默認(rèn)顏色。

注意: 默認(rèn)顏色值為 #000000 (黑色)。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 value 屬性。

注意:Internet Explorer 和 Safari 瀏覽器不支持 <input type="color"> 元素。


語法

返回 value 屬性:

colorObject.value

設(shè)置 value 屬性:

colorObject.value=#hexvalue

屬性值

描述
#hexvalue 指定拾色器的顏色。

value 必須是一個(gè)十六進(jìn)制值 (hex) :3雙位數(shù)字, 開始標(biāo)記為 # (如: #FF8040)。

注意: 顏色單詞 (如: 不允許使用 "red" 或 "blue") 。

注意: 默認(rèn)值為: #000000 (黑色)。

技術(shù)細(xì)節(jié)

返回值: 字符串,代表一個(gè)顏色值


更多實(shí)例

實(shí)例

獲取拾色器的顏色:

var x = document.getElementById("myColor").value;
x輸出結(jié)果為:
#ff0080

嘗試一下 ?


相關(guān)文章

HTML 教程: HTML 顏色

HTML 教程: HTML 顏色值(HEX)

HTML 參考手冊(cè): HTML <input> value 屬性


Input Color 對(duì)象參考手冊(cè) Input Color 對(duì)象
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)