JavaScript:document.createtextnode中的条件格式?
我有一段javascript,它可以生成如下代码:JavaScript:document.createtextnode中的条件格式?,javascript,Javascript,我有一段javascript,它可以生成如下代码: DOM_a.appendChild(document.createTextNode(t.headingText)); 在本例中,t.headingText可能(也可能不)包含我希望以某种方式显示的文本,如粗体。如果文本最终是“Holy Cow”,我希望它在我的页面上显示为“HolyCow” 如何使用此代码实现这一点?我知道我需要附加子“b”调用,但我不知道如何在字符串中有条件地附加。为什么不直接处理文本呢。以你为例 if( /holy/ig.
DOM_a.appendChild(document.createTextNode(t.headingText));
在本例中,t.headingText可能(也可能不)包含我希望以某种方式显示的文本,如粗体。如果文本最终是“Holy Cow”,我希望它在我的页面上显示为“HolyCow”
如何使用此代码实现这一点?我知道我需要附加子“b”调用,但我不知道如何在字符串中有条件地附加。为什么不直接处理文本呢。以你为例
if( /holy/ig.test( t.headingText ) ) { // if word exists
t.heading = t.headingText.replace( /(holy)/ig, "<span class="b">$1</span>" );
}
if(/holy/ig.test(t.headingText)){//if单词存在
t、 标题=t.headingText.replace(/(神圣)/ig,“$1”);
}
然后,您可以使用普通css来设置
b
类的样式。使用createTextNode
您就不走运了。您可以这样使用innerHTML
:
DOM_a.innerHTML = "<b>Holy</b> Cow";
DOM_a.innerHTML=“圣牛”;
并在代码中使用if/else块处理该条件