<input name="test" type="text" id="test" value="点击按钮看我变化">
<input name="a" type="button" id="a" Tvalue="black" value="黑色" onClick="documentgetElementById('test')stylecolor=documentgetElementById('test')Tvalue=thisTvalue;">
<input name="b" type="button" id="b" Tvalue="Red" value="红色" onClick="documentgetElementById('test')stylecolor=documentgetElementById('test')Tvalue=thisTvalue;">
<input name="c" type="button" id="d" Tvalue="green" value="绿色" onClick="documentgetElementById('test')stylecolor=documentgetElementById('test')Tvalue=thisTvalue;">
<input name="e" type="button" id="e" Tvalue="green" value="获取文本框颜色属性值" onClick="alert(!documentgetElementById('test')Tvaluenull:documentgetElementById('test')Tvalue)">
如果是要改变文本框背景色的话就用以下的!
<input name="test" type="text" id="test" value="点击按钮看我变化">
<input name="a" type="button" id="a" Tvalue="black" value="黑色" onClick="documentgetElementById('test')stylebackground=documentgetElementById('test')Tvalue=thisTvalue;">
<input name="b" type="button" id="b" Tvalue="Red" value="红色" onClick="documentgetElementById('test')stylebackground=documentgetElementById('test')Tvalue=thisTvalue;">
<input name="c" type="button" id="d" Tvalue="green" value="绿色" onClick="documentgetElementById('test')stylebackground=documentgetElementById('test')Tvalue=thisTvalue;">
<input name="e" type="button" id="e" Tvalue="green" value="获取文本框颜色属性值" onClick="alert(!documentgetElementById('test')Tvaluenull:documentgetElementById('test')Tvalue)">
有一种方法：继承Sprite自定义个按钮，然后用setColor（cccolor（188,188,188））就变灰了，还原回来setColor（cccolor（255,255,255））；
或者在按钮监听的ccuiWidgetTOUCH_BEGAN：setColor（cccolor（188,188,188））
然后在ccuiWidgetTOUCH_ENDED：
setColor（cccolor（255,255,255））;
按钮会变色。
<!DOCTYPE html>
<html>
<head>
<title>getHexColor js/jQuery 获得十六进制颜色</title>
<meta charset="utf-8" />
<script type="text/javascript">
function getHexBgColor(){
var str = [];
var rgb = documentgetElementById('color')stylebackgroundColorsplit('(');
for(var k = 0; k < 3; k++){
str[k] = parseInt(rgb[1]split(',')[k])toString(16);
}
str = '#'+str[0]+str[1]+str[2];
documentgetElementById('color')innerHTML = str;
}
function getHexColor(){
var str = [];
var rgb = documentgetElementById('color')stylecolorsplit('(');
for(var k = 0; k < 3; k++){
str[k] = parseInt(rgb[1]split(',')[k])toString(16);
}
str = '#'+str[0]+str[1]+str[2];
documentgetElementById('color')innerHTML = str;
}
</script>
<style type="text/css">
#color{
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
}
</style>
</head>
<body>
<div style="color: #88ee22; background-color: #ef8989;" id="color"></div>
<input onclick="getHexBgColor();" type="button" value="获得背景色" />
<input onclick="getHexColor();" type="button" value="获得字体颜色" />
</body>
</html>
点击“获得背景色”按钮，会调用getHexBgColor()方法获取css的背景色。
以上就是关于怎样用js设计 点击某个按钮，就可以改变文本框的颜色全部的内容，包括:怎样用js设计 点击某个按钮，就可以改变文本框的颜色、cocos2dx-js-v3.2 怎么改变按钮颜色、JS （javaScript）中获取CSS背景颜色的问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）