javascript parseInt() 仅转换前两个字符

Question

我正在编写一个将 RGB 转换为十六进制颜色代码的脚本。但是，它仅转换前两个字符，然后对其余字符抛出 NaN 错误。

这是我所拥有的:

    function convert(r, g, b) {
        return toHex(r) + toHex(g) + toHex(b);
    }

    function toHex(c) {
        c = parseInt(c);
        return "0123456789abcdef".charAt((c - c % 16) / 16) + "0123456789abcdef".charAt(c % 16);
    }

    function getStyle(id) {
        var elem = document.getElementById(id);
        var style = window.getComputedStyle(elem, null).getPropertyValue('background-color');
        var clear = style.replace(/[rgb\()]/g, '');
        document.write(clear);
        document.getElementById(id).innerHTML = '<span>#' + convert(clear) + '</span>';
    }

    getStyle('box1');
    getStyle('box2');
    getStyle('box3');
    getStyle('box4');

当我输入convert(13, 49, 96)时，它会正确转换它，但我的设置方式不起作用。谁能提供一些见解？

编辑

这是我正在使用的CSS:

    #box1 {background-color:#0d3160;}
    #box2 {background-color:#ffffff;}
    #box3 {background-color:#ecebe3;}
    #box4 {background-color:#242e35;}

这是 RGB 值

rgb(13, 49, 96)
rgb(255, 255, 255)
rgb(236, 235, 227)
rgb(36, 46, 53)

Answer 1

您正在向函数传递一个字符串，您需要将其转换为数组并将每个元素传递到函数 Convert 中:

function getStyle(id) {
    var elem = document.getElementById(id);
    var style = window.getComputedStyle(elem, null).getPropertyValue('background-color');
    var clear = style.replace(/[rgb\()]/g, '');

    document.write(clear);
    document.getElementById(id).innerHTML = '<span>#' + convert.apply(this,clear.split(',')) + '</span>';
}

变化随之而来

convert.apply(this,clear.split(','))

将变量clear转换为数字数组，然后将它们作为参数传递给函数convert。