javascript - 将跨度类添加到在 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 类添加到 message 变量中包含的字符串中，以便对其进行样式设置？

Answer 1

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

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

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

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

Answer 2

如果您的意思是向最终消息变量添加一个带有类的跨度标签，那么您可以这样做

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

然后您可以将此消息 html 添加到您的目标容器中

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