前端颜色选择器

导语：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;

}

效果图：

初始化 点击选色器 点确定后