javascript - 尝试在 JavaScript 中将 Color Hex 作为参数传递

Question

你好所以我目前在网站上工作时遇到了一些困难，我想有 10 个预设配色方案并通过单击图标来交换它们，而不是编写 10X 函数我宁愿每次都做一次带有链接的图标会简单地发送参数，但我正在尝试无法正常工作，如果有任何关于我做错了什么的指示，我们将不胜感激

调用函数

<button type="button" onclick="themeOne(#D3649F,#000000,#666666)">Theme 1</button>

现在是函数

function themeOne(p1,p2,p3) {

    var links = document.getElementById('slidebar').getElementsByTagName('a');

    for (var i = 0; i < links.length; i++) {
        links[i].style.color = p1;
    }


    var glyph = document.querySelectorAll(".blue");

    for (var i = 0; i < glyph.length; i++) {
        glyph[i].style.color = p1;
    }

    document.body.style.backgroundColor = p3;
    document.getElementById("navbar").style.backgroundColor = p2;
    document.getElementById("navbar2").style.backgroundColor = p2;
    document.getElementById("slidebar").style.backgroundColor = p2;
    document.getElementById("page-content").style.color = "#FFFFFF";
}

我关心的是我传递给变量的内容，因为我不确定“#”是否被认为是一个整数，或者我是否需要做一些事情，比如只发送数字并跟进类似的事情:

document.body.style.backgroundColor = "#" + p3;

Answer 1

您应该将参数作为字符串传递。这将导致更改以下内容:

<button type="button" onclick="themeOne('#D3649F', '#000000','#666666')">Theme 1</button>