Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 通过键入十六进制值交互式更改bgcolor_Html_Css - Fatal编程技术网

Html 通过键入十六进制值交互式更改bgcolor

Html 通过键入十六进制值交互式更改bgcolor,html,css,Html,Css,我想创建一个页面,在那里我可以输入十六进制值来更改背景颜色,以便测试布局?使用jQuery: $("input").change(function() { $('body').css('background', $(this).val()); }); html <input type="text" value="#330000" id="color"/> <button id="changeColor">Change Color</button> 酷!

我想创建一个页面,在那里我可以输入十六进制值来更改背景颜色,以便测试布局?使用jQuery:

$("input").change(function() {
  $('body').css('background', $(this).val());
});
html

<input type="text" value="#330000" id="color"/>
<button id="changeColor">Change Color</button>

酷!你有什么问题吗?多描述一下我的朋友。
var button = document.getElementById("changeColor");
button.addEventListener('click', setColor, false);

function setColor(){
  var color = document.getElementById("color").value;
  document.body.style.backgroundColor = color;
}