使用可变颜色和可变文本将文本输出到页面

Question

我正在尝试创建具有两个参数的javascript函数：text和color。在代码中，我想传递一种颜色和一些文本。然后代码将以正确的颜色和文本写入网页。这只能使用javascript，还是必须使用css？

Answer 1

如果您尝试做的只是为某些给定文字设置颜色，这很容易。我不确定我是否完全理解你想要做什么，但根据我的理解，这里有一段代码片段可以提供你想要的东西：

function printIt(text, color) {
    var theEl = document.createElement("p");
    theEl.id = "el";
    var theText = document.createTextNode(text);
    theEl.style.color = color;
    document.body.appendChild(theEl);
    theEl.appendChild(theText);

}

printIt ("hello", "red");

调用printIt()函数时，您可以传递参数：text和color。如果您愿意，也可以传递十六进制颜色，但这是我可以提供的最直接的答案。