使用JavaScript将新的HTML标签添加到文本块

Question

页面加载完成后，我希望脚本将标签添加到其中的文本的某些部分。 例如：

    <p> Some text is here. The page has already finished loading</p>

至

    <p> Some text is <b class="bolded">here</b>. The page has already finished loading</p>

Answer 1

您可以通过调用页面的onload函数来实现。 将ID赋予HTML元素，并编写以下代码

HTML：

<p  id='testing1'> Some text is here. The page has already finished loading</p>

Javascript：

 function onLoad()
  {
     var strTest = $("#testing1").html();
strTest = strTest.replace("here",'<b class="bolded" style="font-weight:bold;">here</b>');
console.log('strTest:',strTest);
  }

Answer 2

也许您可以执行类似$（“ p”）的操作，或者在您的<p>示例中添加一个ID：

<p  id='testing1'> Some text is here. The page has already finished loading</p>

然后在字符串渲染之后，您可以使用以下脚本替换它：

var strTest = $("#testing1").html();
strTest = strTest.replace("here",'<b class="bolded" style="font-weight:bold;">here</b>');
console.log('strTest:',strTest);