如何在自动键入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>
慕少森3回答
-
侃侃尔雅
如果将文本传递给选择器并传递除黑色以外的其他颜色，则代码将起作用，因为文本的默认颜色为黑色。function green() { document.getElementById("text").style.color="green";}<textarea id="text" rows="10" cols="100" onClick="green();"></textarea> -
茅侃侃
添加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>
随时随地看视频慕课网APP
相关分类
JavaScript