利用input做一个颜色选择器即时渲染

2025年02月24日 建站教程

如何利用input做一个颜色选择器,即时渲染!下面web建站小编给大家介绍一下实现代码!

html代码:

<input id="color" type="color" value="配色">
<span id="text">颜色变化</span>

js代码:

var color = document.getElementById('color');
color.addEventListener('input', function() {
  const text = document.getElementById('text')
  text.style.color = color.value
});

本文链接:http://so.lmcjl.com/news/23772/

展开阅读全文
相关内容