js使用取色器改變div層顏色——使用<input type="color">

1.簡述

< input type=”color” >是一個取色器，我們選中取色板上的顏色，然后獲取其value,最后設計其在div層實現。

2.代碼詳解

（1）編寫需要實現的div層

<div id="showColor"></div>

（2）設置取色器

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

（3）編寫js函數

document.getElementById( 'color').οnchange = function(){document.getElementById( 'color').click();document.getElementById( "showColor").style.backgroundColor = this.value; }

取得的值是#24db97類型，可以直接跟著form提交不需要其他處理，效果圖如下

?

總結

以上是生活随笔為你收集整理的js取色器的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。