如何将html封装到包含字符串的变量的值中

Question

假设我有一个变量：

let display_text = "Cats are pawsome!"

我想把它渲染成：

<div>
<b>Cats</b> are pawsome!
</div>

换句话说，动态地包装字符串"；猫；无论它出现在哪里。

Answer 1

不太确定这是否是您想要实现的目标。看看：

let display_text = "Cats are pawsome!"
let display_text_html = display_text.replace('Cats', '<b>Cats</b>');
document.querySelector('.text-wrapper').innerHTML = display_text_html;

<div class="text-wrapper"></div>