方法如下：
颜色的英文是color，如果swing，所以你定义的对象 会有这个color属性。
jsp就用<font>标签，里面也有color属性。
字体swing就是font。
Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。
以下是改变文本框字体的颜色!<br><input name="test" type="text" id="test" value="点击按钮看我变化"><br><input name="a" type="button" id="a" tvalue="black" value="黑色" onclick="document.getelementbyid('test').style.color=document.getelementbyid('test').tvalue=this.tvalue"><br><input name="b" type="button" id="b" tvalue="red" value="红色" onclick="document.getelementbyid('test').style.color=document.getelementbyid('test').tvalue=this.tvalue"><br><input name="c" type="button" id="d" tvalue="green" value="绿色" onclick="document.getelementbyid('test').style.color=document.getelementbyid('test').tvalue=this.tvalue"><br><input name="e" type="button" id="e" tvalue="green" value="获取文本框颜色属性值" onclick="alert(!document.getelementbyid('test').tvalue?null:document.getelementbyid('test').tvalue)"><br><br>如果是要改变文本框背景色的话就用以下的!<br><input name="test" type="text" id="test" value="点击按钮看我变化"><br><input name="a" type="button" id="a" tvalue="black" value="黑色" onclick="document.getelementbyid('test').style.background=document.getelementbyid('test').tvalue=this.tvalue"><br><input name="b" type="button" id="b" tvalue="red" value="红色" onclick="document.getelementbyid('test').style.background=document.getelementbyid('test').tvalue=this.tvalue"><br><input name="c" type="button" id="d" tvalue="green" value="绿色" onclick="document.getelementbyid('test').style.background=document.getelementbyid('test').tvalue=this.tvalue"><br><input name="e" type="button" id="e" tvalue="green" value="获取文本框颜色属性值" onclick="alert(!document.getelementbyid('test').tvalue?null:document.getelementbyid('test').tvalue)">思路就是：获取属性和属性值，拼接字符串，然后通过innerHtml将元素渲染到页面中。具体代码如下<!DOCTYPE html><html> <head> <title></title> <style> .block{display: flex margin-bottom: 10px }.block label{width: 60px text-align-last:justify text-align:justify text-justify:distribute-all-lines}#attr, #value{width: 220px line-height: 20px margin-left: 20px }#content div{width: 200px height: 200px color:#f00 text-align: center line-height: 200px background-color:rgb(109, 203, 240) }</style> </head> <body> <div class="block"> <label>属性</label>:<input type="text" id="attr" /> </div> <div class="block"> <label>属性值</label>:<input type="text" id="value" /> </div> <button onclick="setAttr()" style="margin-bottom: 20px">设置属性</button> <div id="content"></div> </body> <script> window.onload = function(){document.getElementById("content").innerHTML = `<div>Javascript有点意思</div>` }var style = "" function setAttr(){style += `${document.getElementById("attr").value}:${document.getElementById("value").value}` document.getElementById("content").innerHTML = `<div style="${style}">Javascript有点意思</div>` }</script></html>
