使用Javascript更改背景渐变颜色

我正在尝试更改背景渐变颜色。这是我的密码。浏览器反映getColor未定义。color1、color2和Color3是我从用户处获得的输入。他们的工作，但我仍然无法改变背景渐变颜色

<script>
    function getColor(){
        var color1 = document.getElementById('color1').value;
        var color2 = document.getElementById('color2').value;
        var color3 = document.getElementById('color3').value;
        function getCssValuePrefix()
            {
                var rtrnVal = '';//default to standard syntax
                var prefixes = ['-o-', '-ms-', '-moz-', '-webkit-'];

                // Create a temporary DOM object for testing
                var dom = document.createElement('div');

                for (var i = 0; i < prefixes.length; i++)
                {
                    // Attempt to set the style
                    dom.style.background = prefixes[i] + 'liner-gradient(#000000, #ffffff)';

                    // Detect if the style was successfully set
                    if (dom.style.background)
                    {
                        rtrnVal = prefixes[i];
                    }
                }

                dom = null;
                delete dom;

                return rtrnVal; 

            }
        document.getElementsByTagName("body")[0].style.background = getCssValuePrefix() + 'linear-gradient('+ '38deg' + ', ' + color1 + ', '+ color2  + ',' + color3 +')';

    </script>

函数getColor（）{
var color1=document.getElementById（'color1'）。值；
var color2=document.getElementById（'color2'）。值；
var color3=document.getElementById（'color3'）。值；
函数getCssValuePrefix（）
{
var rtrnVal=''；//默认为标准语法
var前缀=['-o-'、'-ms-'、'-moz-'、'-webkit-']；
//创建用于测试的临时DOM对象
var dom=document.createElement（'div'）；
for（var i=0；i

在html中，我有一个按钮，如下所示：

<button onclick="getColor">Change Background Color</button>

更改背景色

浏览器反映getColor未定义

可能的问题是脚本未放置在

窗口中。onload

。因此，HTML onclick处理程序在加载之前会尝试

getColor

---

注意：你的代码中有

liner gradient

。这是一个输入错误。

你能给我们看一下id颜色为1、2和3的项目的html吗？你的代码中有

liner gradient

。我相信这是一个输入错误。更正它，看看是否有帮助。我想你在函数的最后忘了一个}。