How to define style attribute when html is in double quotes (as String)

Question

My question is very straight forward. I am trying to put style attribute in a html which is in string format. Through a method i am passing html code in string format. And later i am suppose to add a css in that depending on the situation.

I tried:

"<div style='background-color: red'>'Some data'</div>"   // didnt help

"<div style=&quot;background-color: red;&quot;>'Some data'</div>"   // didnt help

In the end:

if(somethingMatches){
   data = data.replace('something', "<mark style='background-color: red;'>" + 'something' + "</mark>")
}

Is there some way that i can pull it off...

Could you please post some of your code more to help understand the issue. — Prabhjot Singh Kainth, Nov 18 '19 at 05:25
Does this answer your question? [Escape quotes in JavaScript](https://stackoverflow.com/questions/2004168/escape-quotes-in-javascript) — Ouroborus, Nov 18 '19 at 05:26
my question is that, when html is in string format, can we still do inline styling to it. As of now, its not accepting inline styling in single quotes... — TrickOrTreat, Nov 18 '19 at 05:27
May be usefull for you. https://stackoverflow.com/questions/5517255/remove-style-attribute-from-html-tags — jaydeep patel, Nov 18 '19 at 05:28
@TrickOrTreat it doesn't matter single or double quotes. `style='background-color: red'` is working as expected. Probably you have error some where else — Arseniy-II, Nov 18 '19 at 05:29
@Arseniy-II quite possible, but code is only this much for this case, what all mistakes i can make here... — TrickOrTreat, Nov 18 '19 at 05:34
I think, style is not suppose to be treated as a string, but how should i express this in codes... — TrickOrTreat, Nov 18 '19 at 05:37
What do you mean `html in string format` ? Are you using javascript then show your full code — Ritesh Khandekar, Nov 18 '19 at 05:42
single or double quotes should make that work. Can you post some of your codes — Drenyl, Nov 18 '19 at 05:51
@TrickOrTreat that should be working. Is your `if` statement working — Drenyl, Nov 18 '19 at 06:09

score 0 · Answer 1 · answered Nov 18 '19 at 06:26

This is one of the way:

var data = document.body.innerHTML;
data = data.replace(/something/g, "<mark style='background-color: red;'>" + 'something' + "</mark>");
document.body.innerHTML = data;

my name is something<br>
something is going on

If you want to replace all matching words then you should use Regular expression in JavaScript

How to define style attribute when html is in double quotes (as String)

1 Answers1