如何使用JavaScript更改文本区域的背景色
我只是想知道如何将文本区域的背景颜色更改为文本框中键入的颜色。我已经设法做了文字的颜色、字体和大小,但是用同样的方法做背景似乎不起作用。 我的文字颜色和背景代码为: 脚本:如何使用JavaScript更改文本区域的背景色,javascript,Javascript,我只是想知道如何将文本区域的背景颜色更改为文本框中键入的颜色。我已经设法做了文字的颜色、字体和大小,但是用同样的方法做背景似乎不起作用。 我的文字颜色和背景代码为: 脚本: function setColor(where, Color) { if (where == "backgroundcolour") document.getElementById('textarea').style.backgroundColor = Color;
function setColor(where, Color)
{
if (where == "backgroundcolour")
document.getElementById('textarea').style.backgroundColor = Color;
if (where == "colourtext")
document.getElementById('textarea').style.color = Color;
}
HTML:
卡片颜色:
文本颜色:
似乎我的internet阻止了脚本,因此它不会更改背景您的代码实际上正在工作。可能您忘记从文本框中删除焦点以触发更改事件
函数setColor(其中,颜色)
{
如果(其中==“背景颜色”)
document.getElementById('textarea').style.backgroundColor=Color;
如果(其中==“彩色文本”)
document.getElementById('textarea')。style.color=color;
}
卡片颜色:
文本颜色:
你应该使用jQuery来做这件事。你在Chrome上做的对我来说很好。@Carnotaurus一个人可能不想使用库有很多原因。如果您可以对评论进行否决投票,我会的。同上-document.getElementById('textarea')如何。样式不能在所有主流浏览器中使用?如果你试过,你就会知道这一点。因此,jQuery注释。那为什么不帮他呢?请给我一个不使用jQuery的理由。任何例子都可以。谢谢这是由一个无法再复制的问题引起的:编辑版本4中的OP指出,原因是:“似乎我的互联网阻止了脚本,所以它不会改变背景”(OP问题中的脚本没有错误;它工作正常)。
<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>