将span类添加到javascript中连接的字符串中

Question

我有一些javascript代码，用户使用三元运算符来确定消息变量的第一部分。

response.answer == "stack overflow" ? message = "blah blah some message." : message = "blah blah some other message" + some variable; 

一旦三元运算符完成，我就会将更多内容连接到字符串上。

message += " About me: my name's Blah blah. Contact me on @blah blah Twitter. This game was made with blah blah."

如何将span类添加到消息变量中包含的字符串中，以便对其进行样式设置？

Answer 1

创建一个新元素并将其设置为innerHTML到消息。

var span = document.createElement('span');

span.innerHTML = message;
span.className = 'myClass';

document.getElementById('targetContainer').appendChild(span);

Answer 2

如果您要将带有类的span标记添加到最终消息变量，那么您可以这样做

message += " Abou ..... "; // after this line add
message = "<span class='yourclassname'>" + message + "</span>";

然后您可以将此消息html作为

添加到您的targetsrt容器中

document.getElementById("targetContainer").innerHTML = message;