Question

这里只是一个例子：

<html>
<p><center>Background Color: <input type="text" name="image"> <button>Go</button> </center></p>
<body style="background-color:powderblue;">
<html>

我如何做到这一点，所以当您按下“执行”按钮时，输入中的文本会将“ powderblue”更改为此处写的任何内容？

Answer 1

jquery中的脚本可以解决问题。见下文：

<!DOCTYPE html>
<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<p><center>Background Color: <input type="text" name="image" id="txtcolor"> 
<button id="btngo">Go</button> </center></p>
<body style="background-color:powderblue;">
</body>
<script>
$("#btngo").click(function(){
var color = $("#txtcolor").val();
$('body').css("background-color", ""+ color +"");
});
</script>
</html>

如何编写按钮更改代码？

1 个答案: