js使用取色器改变div层颜色

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j1137573560/article/details/81808797

js使用取色器改变div层颜色——使用<input type="color">

1.简述

< input type=”color” >是一个取色器，我们选中取色板上的颜色，然后获取其value,最后设计其在div层实现。

2.代码详解

（1）编写需要实现的div层

<div class="html-element" id="div">
    <!--div层内容 -->
</div>

（2）设置取色器

<input  type="color" id="onchange">

（3）编写js函数

document.getElementById('onchange').onchange=function(){
				document.getElementById('onchange').click();
				document.getElementById("div").style.backgroundColor=this.value;
			}