怎样用js设计 点击某个按钮，就可以改变文本框的颜色？
分别有黑black灰grey褐brown紫purple蓝blue青cyan白white粉pink红red橙orange黄yellow绿green12个按钮，一个文本框。跪...
分别有黑black 灰grey 褐brown 紫purple 蓝blue 青cyan
白white 粉pink 红red 橙orange 黄yellow 绿green
12个按钮，一个文本框。
跪求解……
改变背景色后怎么取得文本框的颜色的属性值？ 展开
白white 粉pink 红red 橙orange 黄yellow 绿green
12个按钮，一个文本框。
跪求解……
改变背景色后怎么取得文本框的颜色的属性值？ 展开
展开全部
以下是改变文本框字体的颜色!
<input name="test" type="text" id="test" value="点击按钮看我变化">
<input name="a" type="button" id="a" Tvalue="black" value="黑色" onClick="document.getElementById('test').style.color=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="b" type="button" id="b" Tvalue="Red" value="红色" onClick="document.getElementById('test').style.color=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="c" type="button" id="d" Tvalue="green" value="绿色" onClick="document.getElementById('test').style.color=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="e" type="button" id="e" Tvalue="green" value="获取文本框颜色属性值" onClick="alert(!document.getElementById('test').Tvalue?null:document.getElementById('test').Tvalue)">
如果是要改变文本框背景色的话就用以下的!
<input name="test" type="text" id="test" value="点击按钮看我变化">
<input name="a" type="button" id="a" Tvalue="black" value="黑色" onClick="document.getElementById('test').style.background=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="b" type="button" id="b" Tvalue="Red" value="红色" onClick="document.getElementById('test').style.background=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="c" type="button" id="d" Tvalue="green" value="绿色" onClick="document.getElementById('test').style.background=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="e" type="button" id="e" Tvalue="green" value="获取文本框颜色属性值" onClick="alert(!document.getElementById('test').Tvalue?null:document.getElementById('test').Tvalue)">
<input name="test" type="text" id="test" value="点击按钮看我变化">
<input name="a" type="button" id="a" Tvalue="black" value="黑色" onClick="document.getElementById('test').style.color=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="b" type="button" id="b" Tvalue="Red" value="红色" onClick="document.getElementById('test').style.color=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="c" type="button" id="d" Tvalue="green" value="绿色" onClick="document.getElementById('test').style.color=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="e" type="button" id="e" Tvalue="green" value="获取文本框颜色属性值" onClick="alert(!document.getElementById('test').Tvalue?null:document.getElementById('test').Tvalue)">
如果是要改变文本框背景色的话就用以下的!
<input name="test" type="text" id="test" value="点击按钮看我变化">
<input name="a" type="button" id="a" Tvalue="black" value="黑色" onClick="document.getElementById('test').style.background=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="b" type="button" id="b" Tvalue="Red" value="红色" onClick="document.getElementById('test').style.background=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="c" type="button" id="d" Tvalue="green" value="绿色" onClick="document.getElementById('test').style.background=document.getElementById('test').Tvalue=this.Tvalue;">
<input name="e" type="button" id="e" Tvalue="green" value="获取文本框颜色属性值" onClick="alert(!document.getElementById('test').Tvalue?null:document.getElementById('test').Tvalue)">
追问
我做的这个是要往后台传文本框的属性值，请教高手，怎么能把文本框的属性值给隐藏起来传到后台，就是点按钮变色后怎么给文本框赋上不同颜色的值
追答
这样就可以了,后台取值只需要取HideColor表单的值即可!
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="text" id="Txt" />
<input type="button" value="改变颜色" id="Btn"/>
<script>
window.onload = function () {
document.getElementById('Btn').onclick = function () {
//更改字体颜色
document.getElementById('Txt').style.color = "red";
//更改背景颜色
document.getElementById('Txt').style.backgroundColor = "red";
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>change BG color</title>
</head>
<script>
function changeColor(newColor)
{
document.getElementById("areaid").style.background=newColor;
}
</script>
<body>
<input type="text" id = "areaid" name="areaname" style="background:red" />
<input type="button" value="red" onclick="changeColor(this.value)" />
<input type="button" value="yellow" onclick="changeColor(this.value)" />
</body>
</html>
<head>
<title>change BG color</title>
</head>
<script>
function changeColor(newColor)
{
document.getElementById("areaid").style.background=newColor;
}
</script>
<body>
<input type="text" id = "areaid" name="areaname" style="background:red" />
<input type="button" value="red" onclick="changeColor(this.value)" />
<input type="button" value="yellow" onclick="changeColor(this.value)" />
</body>
</html>
追问
改变背景色后怎么取得文本框的颜色的属性值？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
