javascript - 文本区域的背景颜色不变

Question

我有这个 javascript 函数，它应该从 3 个不同的文本区域获取代表 rub 的 3 个值，然后相应地更改不同文本区域的背景颜色:

 function rbg() {
    document.getElementById("textarea").style.backgroundColor = "rgb("
    + document.getElementById("rvalue").value + "," 
    + document.getElementByID("gvalue").value + "," 
    + document.getElementByID("bvalue").value +")";
    }

这是 html:

<input id="textarea" type="text" name="sometext">
 Enter RGB Values: 
<input id="rvalue" type="text" maxlength=3 value ="0" name="r" onBlur="rgb()">
<input id="gvalue" type="text" maxlength=3 value ="0" name="g" onBlur="rgb()">
<input id="bvalue" type="text" maxlength=3 value ="0" name="b" onBlur="rgb()">

问题是文本区域的背景根本不会改变，我不知道为什么!

提前致谢。

Answer 1

您的函数名为 rbg，但您绑定(bind)到 rgb。另外，该函数为getElementById() (不是ID)。更新如下:

function rgb() 
{
    document.getElementById("textarea").style.backgroundColor = "rgb("
        + document.getElementById("rvalue").value + "," 
        + document.getElementById("gvalue").value + "," 
        + document.getElementById("bvalue").value +")";
}

jsFiddle Demo