Adding a span class to a string concatenated in javascript

Question

I have some javascript code that users the ternary operator to determine the first part of a message variable.

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

Once that ternary operator's complete, I then concatenate more onto the string.

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

How would you add a span class to the string contained in the message variable so that it can be styled?

Please refine your question... what do you mean by "span class"? — istos
– istos, Commented Jan 28, 2013 at 5:22

Austin Brunkhorst · Accepted Answer · 2013-01-28 05:24:04Z

3

Create a new element and set it's innerHTML to the message.

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

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

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

answered Jan 28, 2013 at 5:24

Austin Brunkhorst

21.1k6 gold badges49 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

zdesam · Accepted Answer · 2013-01-28 05:28:20Z

0

if you mean to add a span tag with a class to final message variable, then you can do like this

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

then you can add this message html to your targert container as

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

answered Jan 28, 2013 at 5:28

zdesam

2,9863 gold badges29 silver badges32 bronze badges

Collectives™ on Stack Overflow

Adding a span class to a string concatenated in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related