0

所以我的脚本创建了一个元素并将其更改为 innerHTML。

我的问题在我的脚本中，您可以看到：

CurrentLine.innerHTML = '<p>' + user + " ⦙ " + size + " ⦙ "+ line + '<span id="LogColor" style="">' + color + '</span> </p>';

我需要有关这部分 innerHTML 的帮助：

'<span id="LogColor" style="">' + obj.lineColor + '</span> </p>'

正如您在孩子被追加后在下面的完整脚本中看到的那样。您会看到我在哪里尝试使用变量更改跨度的样式。虽然它似乎并没有改变它的颜色。

完整脚本：

nvtSource.onmessage = function(e) {
var obj = JSON.parse(e.data);
var line = JSON.stringify(obj.line)
var size = JSON.stringify(obj.lineWidth)
var color = JSON.stringify(obj.lineColor) // Not needed, but defined anyways.


if (line == null)
{
//Do nothing..
}
else
{
var CurrentLine = document.createElement('p');
CurrentLine.innerHTML = '<p>' + user + " ⦙ " + size + " ⦙ "+ line + '<span 
id="LogColor" style="">' + color + '</span> </p>';
document.getElementById("LineConsole").appendChild(CurrentLine);
document.getElementById("LogColor").style.color = obj.lineColor;
}

我试图改变它的风格的部分。

document.getElementById("LogColor").style.color = obj.lineColor;

我什至尝试做类似的事情：

document.getElementById("LogColor").style = "color:" + color + ";"
4

1 回答 1

0

我不完全知道您在这里要做什么，但是如果您希望添加的行具有 textcolor ，您可以尝试：

'<span style="color:' + obj.lineColor + '">' + obj.lineColor + '</span> </p>'

前提是您的 lineColor 是有效的 CSS 颜色字符串，例如“red”、“#ffffff”或“rgb(255,255,255)”

您将不再需要该 ID。

于 2019-09-05T12:43:49.797 回答