如何自动向 HTML 内容添加标记？我想强调一下“牛奶”这个词，如下:
单词:牛奶
<mark>milk</mark>
示例:
<!DOCTYPE html>
<html>
<body>
<p>Do not forget to buy milk today.</p>
</body>
</html>像这样:
<!DOCTYPE html>
<html>
<body>
Do not forget to buy <mark>milk</mark> today.
</body>
</html>最佳答案
使用Regex(正则表达式)查找单词“milk”并替换它，如下所示:
var key ='milk';
var regex = new RegExp(key,'g');
var text = document.getElementById('text').innerHTML;
console.log(text);
var newText = text.replace(regex,'<mark>'+key+'</mark>' );
console.log(newText);
document.getElementById('text').innerHTML = newText;<!DOCTYPE html>
<html>
<body>
<p id="text">
Do not forget to buy milk today.
</p>
</body>
</html>或者，您可以简单地写:
document.getElementById('text').innerHTML = document.getElementById('text').innerHTML.replace(/(milk)/g,'<mark>$1</mark>' ); <p id="text"> Do not forget to buy milk today. </p> 关于javascript - 使用javascript自动添加mark标签？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44041130/