javascript 代码问题跪谢！！根据如下代码，怎样修改使得点击按钮时网页背景出现相应颜色的变化

<html><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Conten... <html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>背景设置为</title>
<script language="javascript">
function test(obj)
{
var rlt=document.getElementById("txtRlt");
rlt.value=obj.value;
}
</script>
</head>

<body>
<p>背景设置为：</p>
<form method="POST" action="--WEBBOT-SELF--">
<p><input type="text" name="T1" size="20" id="txtRlt"></p>
<p><input type="radio" name="R1" value="黑色" onclick="test(this)">黑色
<input type="radio" name="R1" value="紫色" onclick="test(this)">紫色
<input type="radio" name="R1" value="蓝色" onclick="test(this)">蓝色
<input type="radio" name="R1" value="白色" checked onclick="test(this)">白色</p>
</form>

</body>

</html> 展开

 我来答

5个回答

#热议# 生活中有哪些实用的心理学知识？

zotin
2010-12-02 · TA获得超过662个赞

知道小有建树答主

回答量：167

采纳率：0%

帮助的人：233万

我也去答题访问个人页

关注

展开全部

如果是改变网页背景色，应该是改变body的背景色。
<html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>背景设置为</title>
<script language="javascript">
 function test(obj)
       {
       var rlt=document.getElementById("txtRlt");
       rlt.value=obj.value;
       document.body.style.backgroundColor = obj.value;
       }
</script>
</head>

<body>
<p>背景设置为：</p>
<form method="POST" action="--WEBBOT-SELF--">
    <p><input type="text" name="T1" size="20" id="txtRlt"></p>
 <p><input type="radio" name="R1" value="#000" onclick="test(this)">黑色
    <input type="radio" name="R1" value="#f0f" onclick="test(this)">紫色
    <input type="radio" name="R1" value="#00f" onclick="test(this)">蓝色
    <input type="radio" name="R1" value="#fff" checked onclick="test(this)">白色</p>
</form>

</body>

</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

慕课网

广告2024-12-31

web java，慕课网2千万学员的选择，持续输送互联网Java人才，系统化学习路线，让基础知识更扎实，老师全程答疑辅导，减轻小白学习压力!

www.imooc.com

Endless_Lovemz
2010-12-02 · 超过23用户采纳过TA的回答

知道答主

回答量：85

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

<input id="Button1" type="button" value="button" onclick="ChangeColor()" />
<script type="text/javascript">
function ChangeColor() {
var body = document.getElementsByTagName("body");
alert(body[0].style.backgroundColor);
body[0].style.background = "red";
}

已赞过 已踩过<

评论收起

蓝色尖牙
2010-12-02 · TA获得超过214个赞

知道小有建树答主

回答量：181

采纳率：0%

帮助的人：186万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>背景设置为</title>
<script language="javascript">
 function test(obj)
       {
       var rlt=document.getElementById("txtRlt");
       rlt.style.background=obj.value;
       }
</script>
</head>
<body>
<p>背景设置为：</p>
<form method="POST" action="--WEBBOT-SELF--">
    <p><input type="text" name="T1" size="20" id="txtRlt"></p>
 <p><input type="radio" name="R1" value="#000000" onclick="test(this)">黑色
    <input type="radio" name="R1" value="#990099" onclick="test(this)">紫色
    <input type="radio" name="R1" value="#0033FF" onclick="test(this)">蓝色
    <input type="radio" name="R1" value="#FFFFFF" checked onclick="test(this)">白色</p>
</form>

</body>

</html>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

手机用户61101
2010-12-02

知道答主

回答量：43

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

获取最新资讯，请到“壹新闻”
<html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>背景设置为</title>
<script language="javascript">
function test(obj)
{
var rlt=document.getElementById("txtRlt");
rlt.style.backgroundColor=obj.value;
}
</script>
</head>

<body>
<p>背景设置为：</p>
<form method="POST" action="--WEBBOT-SELF--">
<p><input type="text" name="T1" size="20" id="txtRlt"></p>
<p><input type="radio" name="R1" value="#000" onclick="test(this)">黑色
<input type="radio" name="R1" value="#F0F" onclick="test(this)">紫色
<input type="radio" name="R1" value="#00F" onclick="test(this)">蓝色
<input type="radio" name="R1" value="#FFF" checked onclick="test(this)">白色</p>
</form>

</body>

</html>

已赞过 已踩过<

评论收起

miniappkFwV0962YhOPw
2010-12-02 · 请开发者输入账号签名

miniappkFwV0962YhOPw

采纳数：2709 获赞数：7887

向TA提问私信TA

关注

展开全部

<input type="radio" name="R1" value="#000000" onclick="test(this)">黑色</input>

<script language="javascript">
function test(obj)
{
var rlt=document.getElementById("txtRlt");
rlt.style.blackground=obj.value;//这是设置背景，是指定元素的背景
}
</script>

已赞过 已踩过<

评论收起

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

您可能关注的内容

2023java web每天免费网上学习java web

免费网上学习java web，国内讲师机构专业授课，适合从基础学习，挑战从入门到熟练运用，海量java web学习从入门到编程技术高超编程能力快速提升

www.huke88.com广告

通用人工智能网:征文奖励500元，java千字科技原创文章

www.opensnn.com

超级码客~2025版海量Javascript面试题+笔试题&答案

精编javascript 笔试题Web前端工程师面试#H5，CSS3，JavaScript，Vue，JQuery，Redux，WebpackBootstrap，TypeScript，微信小程序核心题集超3500题，一站式面试服务javascript 笔试题

www.chaojimake.cn广告

javascript 代码问题 跪谢！！ 根据如下代码，怎样修改使得点击按钮时网页背景出现相应颜色的变化

您可能关注的内容

其他类似问题

为你推荐：

javascript 代码问题跪谢！！根据如下代码，怎样修改使得点击按钮时网页背景出现相应颜色的变化