html简易颜色选择器,html颜色选择器

select color

//选择颜色的标签，type="color"

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;

}

原文：https://www.cnblogs.com/ramese666/p/12803455.html