版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/KungLun/article/details/88873445
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>自动改变颜色</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<input type="text" id="demo" />
<div id="changeColor">我是要变色的区域</div>
<script>
var input = document.getElementById('demo');
var onchange = function () {
var changeColor = document.getElementById('changeColor');
changeColor.style.backgroundColor = "red";//这里是你要设置的颜色位置
};
document.getElementById('demo').value = '这里接受你从服务端拿过来的变化的value值';
onchange();
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>自动改变颜色</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<input type="text" id="demo" />
<div id="changeColor">我是要变色的区域</div>
<script>
var input = document.getElementById('demo');
var onchange = function () {
var changeColor = document.getElementById('changeColor');
changeColor.style.backgroundColor = "red";//这里是你要设置的颜色位置
};
document.getElementById('demo').value = '这里接受你从服务端拿过来的变化的value值';
onchange();
</script>
</body>
</html>