如何使用JavaScript更改文本区的背景色
如何使用JavaScript更改文本区的背景色
提问于 2011-03-27 20:33:05
我只想知道如何将文本区域的背景颜色更改为文本框中键入的颜色。我已经设法做了文本的颜色，字体和大小，但同样的方法做背景似乎不起作用。我对文本颜色和背景的代码是：
脚本：
function setColor(where, Color)
{
if (where == "backgroundcolour")
document.getElementById('textarea').style.backgroundColor = Color;
if (where == "colourtext")
document.getElementById('textarea').style.color = Color;
}HTML：
<p>
Card color: <input type = "text" name = "backgroundcolour"
size = "10"
onchange = "setColor('backgroundcolour',
this.value)">
<br>
Text color: <input type = "text" name = "colourtext"
size = "10"
onchange = "setColor('colourtext',
this.value)">
<br>
</p>
<textarea id = 'textarea' name="data" cols="100" rows="10">
</textarea>看起来好像我的互联网阻止了脚本，所以它不会改变背景
回答 1
Stack Overflow用户
发布于 2017-02-06 08:58:05
你的代码实际上是在工作。也许您忘记了从文本框中移除焦点，以便触发更改事件。
function setColor(where, Color)
{
if (where == "backgroundcolour")
document.getElementById('textarea').style.backgroundColor = Color;
if (where == "colourtext")
document.getElementById('textarea').style.color = Color;
}<p>
Card color: <input type = "text" name = "backgroundcolour"
size = "10"
onchange = "setColor('backgroundcolour',
this.value)">
<br>
Text color: <input type = "text" name = "colourtext"
size = "10"
onchange = "setColor('colourtext',
this.value)">
<br>
</p>
<textarea id = 'textarea' name="data" cols="100" rows="10">
</textarea>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5449221
复制相关文章
相似问题