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

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

当我在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>

慕少森

浏览 173回答 3

3回答

侃侃尔雅

如果将文本传递给选择器并传递除黑色以外的其他颜色，则代码将起作用，因为文本的默认颜色为黑色。function green() {    document.getElementById("text").style.color="green";}<textarea id="text" rows="10" cols="100" onClick="green();"></textarea>

0

0

茅侃侃

添加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> 

0

0

随时随地看视频慕课网APP

相关分类

JavaScript