Adding new HTML tags with JavaScript to a text block

Question

After page is done loading, I would like script to add tags to certain parts of the text within it. For example:

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

to

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

varad mayee · Accepted Answer · 2016-03-25 05:29:57Z

1

You can do this by calling a function onload of page. Give the ID to the elements of HTML and write the below code

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);
  }

answered Mar 25, 2016 at 5:29

varad mayee

6197 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mr Lister · Accepted Answer · 2016-03-31 16:42:32Z

0

Maybe u can do something like $("p") or add an ID at your <p> example:

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

then when after the string render and you may use the script as below to replace it:

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

edited Mar 31, 2016 at 16:42

Mr Lister

46.8k15 gold badges118 silver badges156 bronze badges

answered Mar 25, 2016 at 3:23

Min Hong Tan

5453 silver badges15 bronze badges

Collectives™ on Stack Overflow

Adding new HTML tags with JavaScript to a text block

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related