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

Closed. This question is not reproducible or was caused by typos。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                
                    4年前关闭。
            
        

    

我有这个javascript函数，应该使用3个值来表示来自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()">

问题是文本区域的背景根本不会改变，我无法弄清楚为什么！

提前致谢。

最佳答案

您的函数称为rbg，但您绑定到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