我正在 div 的innerHTML 中搜索一个字符串并想设置一个跨度。我的方法没有任何错误就行不通。怎么了?
HTML
<div class="resultText" #txt></div>
JS
...
@ViewChild('txt') txt: ElementRef;
...
this.txt.nativeElement.innerHTML = text;
...
var query = 'test';
this.highlight(query);
highlight(query) {
var c = this.txt.nativeElement.innerHTML;
c.replace(new RegExp(query, "gi"), match => {
console.log('query: ' + query);
return '<span class="highlightText">' + match + '</span>';
});
}
您没有将替换的文本分配回 innerHTML
this.txt.nativeElement.innerHTML = c.replace(new RegExp(query, "gi"), match => {
console.log('query: ' + query);
return '<span class="highlightText">' + match + '</span>';
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句