JavaScript: document.createtextnode中的条件格式

JavaScript: conditional formatting within document.createtextnode?

本文关键字：条件 格式 createtextnode document JavaScript      更新时间：2023-09-26

我有一段javascript代码，生成类似;

DOM_a.appendChild(document.createTextNode(t.headingText));

在本例中t。headingText可能(也可能不)包含我想以某种方式显示的文本，比如粗体。如果文本最终是"Holy Cow"我希望它在我的页面上显示为"Holy Cow"

我如何用这段代码实现这一点?我知道我需要追加子"b"调用，但我不知道如何在字符串中有条件地做到这一点。

为什么不直接操作文本呢?使用示例

if( /holy/ig.test( t.headingText ) ) { // if word exists
    t.heading = t.headingText.replace( /(holy)/ig, "<span class="b">$1</span>" );
}

然后你可以使用普通的css样式b类

对于createTextNode，您就不那么幸运了。您可以像这样使用innerHTML:

DOM_a.innerHTML = "<b>Holy</b> Cow";

并在代码中使用if/else块处理条件

相关文章：