javascript - 如何使用 JavaScript 更改文本区域的背景颜色

Question

我只想知道如何将文本区域的背景颜色更改为在文本框中键入的颜色。我设法设置了文本颜色、字体和大小，但以同样的方式设置背景似乎不起作用。我的文本颜色和背景代码是:

脚本:

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>

好像我的互联网阻止了脚本所以它不会改变背景

Answer 1

您的代码确实有效。也许您忘记从文本框中移除焦点以触发更改事件。

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>