html怎么修改对象属性的值,Input Color value 属性的用法_HTML对象

Input Color value 属性

示例代码

修改拾色器默认的颜色:

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

代码片段：

拾色器:

点击 "点我" 按钮修改拾色器颜色。

点我

function myFunction() {

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

}

演示一下 ?

一、定义和使用方法

value 属性设置或者返回拾色器的 value 属性值。

value 属性描述了拾色器的默认颜色。

注意： 默认颜色值为 #000000 (黑色)。

二、浏览器支持

所有主流浏览器都支持 value 属性。

注意：Internet Explorer 和 Safari 浏览器不支持 元素。

三、语法

返回 value 属性：

colorObject.value

设置 value 属性：

colorObject.value=#hexvalue

四、属性值值描述

#hexvalue指定拾色器的颜色。

value 必须是一个十六进制值 (hex) :3双位数字, 开始标记为 # (如： #FF8040)。

注意： 颜色单词 (如： 不允许使用 "red" 或 "blue") 。

注意： 默认值为： #000000 (黑色)。

五、技术细节返回值：字符串，代表一个颜色值

六、更多示例代码

示例代码

获取拾色器的颜色:

var x = document.getElementById("myColor").value;x输出结果为：

#ff0080

拾色器:  

点击 "点我" 按钮获取拾色器颜色。

点我

function myFunction() {

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

document.getElementById("demo").innerHTML = x;

}