导语：H5新增颜色选择，允许配置颜色
html:
<input type="color" id="color">
<span id="colorInfo"><span>
//选择颜色的标签，type="color"
js:
var color = document.getElementById("color");//通过使用 getElementById() 来访问 元素
var colorInfo = document.getElementById("colorInfo");
colorInfo.style.color = color.value;//给的字体加颜色
colorInfo.innerHTML = color.value;//给加内容(的值)
function changeColor(){//改变颜色的事件
colorInfo.style.color = color.value;
colorInfo.innerHTML = color.value;
}
效果图：
初始化
点击选色器
点确定后
网友评论