为了账号安全,请及时绑定邮箱和手机立即绑定

如何在自动键入javascript时更改textarea中的文本

如何在自动键入javascript时更改textarea中的文本

慕少森 2021-05-11 16:51:40
当我在textarea中输入文本时,我有一个Text area字段,数据应自动更改输入文字后,颜色应自动保持变为绿色的颜色代码:<td colspan="2">    <textarea id="text" rows="10" cols="100" onClick="green();"></textarea></td>我尝试了此代码不起作用<script>function green() {    document.getElementById("").style.color="#000000";}</script>这是完整的代码:<html><head><title>AUTO EMAIL</title><style>            table {              font-family: arial, sans-serif;              border-collapse: collapse;              width: 50%;            }            td, th {              border: 1px solid #dddddd;              text-align: center;              padding: 8px;            }            tr:nth-child(even) {              background-color: #dddddd;            }</style></head><body>    <table align=center>          <tr>                <td colspan="2">                    <textarea id="text" rows="10" cols="100" onClick="green();"></textarea>                </td>          </tr>    </table><script>function green() {    document.getElementById("text").style.color="#000000";}</script></body></html> 
查看完整描述

3 回答

?
侃侃尔雅

TA贡献1801条经验 获得超16个赞

如果将文本传递给选择器并传递除黑色以外的其他颜色,则代码将起作用,因为文本的默认颜色为黑色。


function green() 

{

    document.getElementById("text").style.color="green";

}

<textarea id="text" rows="10" cols="100" onClick="green();"></textarea>


查看完整回答
反对 回复 2021-05-27
?
茅侃侃

TA贡献1842条经验 获得超21个赞

添加textarea样式:


<html>

<head>

<title>AUTO EMAIL</title>

<style>

            table {

              font-family: arial, sans-serif;

              border-collapse: collapse;

              width: 50%;

            }


            td, th {

              border: 1px solid #dddddd;

              text-align: center;

              padding: 8px;

            }


            tr:nth-child(even) {

              background-color: #dddddd;

            }

             textarea {

                color: green;

            }

</style>


</head>


<body>

    <table align=center>


          <tr>

                <td colspan="2">

                    <textarea id="text" rows="10" cols="100" ></textarea>

                </td>

          </tr>


    </table>

</body>

</html> 


查看完整回答
反对 回复 2021-05-27
  • 3 回答
  • 0 关注
  • 153 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信