选择 HTML 中的特定文本片段并使用 javascript 添加粗体

Question

我想在 HTML 的特定文本片段中添加粗体字体。 它在图像中说 (10,90% TAE)* 的地方。

问题是我必须使用 javascript 将它注入 Adob​​e 目标，并且整个文本数字随 javascript 动态变化。

原代码是：

<p class="small clr-gray summary-interest" ing-unmask=""><span class="clr-black">10,39 % TIN</span> (10,90 % TAE)*</p>

我想用 javascript 像这样加粗 (10,90% TAE)*：

<p class="small clr-gray summary-interest" ing-unmask=""><span class="clr-black">10,39 % TIN</span> <b>(10,90 % TAE)*<b></p>

我尝试使用 split 方法并选择要加粗的部分，但我不知道如何正确添加：

“锡”：

var startN = document.querySelector("#summary-region > div > div > div:nth-child(2) > div:nth-child(2) > p.small.clr-gray.summary-interest").innerHTML.split(" ")[3];

"TAE)*":

var finishN = document.querySelector("#summary-region > div > div > div:nth-child(2) > div:nth-child(2) > p.small.clr-gray.summary-interest").innerHTML.split(" ")[6];

全文如下：

textocompleto = document.querySelector("#summary-region > div > div > div:nth-child(2) > div:nth-child(2) > p.small.clr-gray.summary-interest");

我想我必须使用.innerHTML但我不知道如何正确使用它。 任何人都可以帮助我吗？

Answer 1

使用 JavaScript 执行此操作将如下所示：

 const node = document.querySelector('p.summary-interest'); const span = document.querySelector('p.summary-interest span'); const text = node.childNodes[1].textContent; newHTML = `${span.innerHTML}<b>${text}</b>`; node.innerHTML = newHTML;

 <p class="small clr-gray summary-interest" ing-unmask=""><span class="clr-black">10,39 % TIN</span> (10,90 % TAE)*</p>