html - html在双引号中时如何定义样式属性(作为字符串)

Question

我的问题很直接。我正在尝试将样式属性放在字符串格式的 html 中。通过一种方法，我以字符串格式传递 html 代码。稍后我想根据情况在其中添加一个 css。

我试过:

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

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

最后:

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

有没有什么办法可以把它拉下来...

Answer 1

这是其中一种方式:

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

如果你想替换所有匹配的词，那么你应该使用 Regular expression在 JavaScript 中