求个javascript高手，我想问一下页面更改颜色的问题
首先搞一个input，text文本框，然后后面搞一个按钮。我想实现在text里面输入red点击按钮页面就会变成红色，输入blue就会变成蓝色，希望给我一个思路和源码，谢谢...
首先搞一个input，text文本框，然后后面搞一个按钮。我想实现在text里面输入red点击按钮页面就会变成红色，输入blue就会变成蓝色，希望给我一个思路和源码，谢谢。我想的是在input里设置一个id，然后function里用getElementById得到。。
展开
1个回答
展开全部
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("body").css('backgroundColor', $("#text").attr('value'));
});
});
</script>
</head>
<body>
<input type="text" name="" value="" id="text"/><br/>
<button type="button">改变颜色</button>
</body>
</html>
用jquery写的
追问
我还没接触过jQuery。。麻烦您能用JavaScript写一下吗？解释一下可以吗。
追答
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" charset="utf-8" >
function change(){
var text=document.getElementById('text').value;//获取文本的值
//var but=document.getElementById('but');
var body=document.getElementsByTagName('body').item(0);//获取body元素
body.style.backgroundColor=text;//改变颜色值
}
</script>
</head>
<body>
<input type="text" name="" value="" id="text"/><br/>
<button onclick="change()" type="button" id="but">改变颜色</button>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
