Javascript - Replace html using innerHTML

Question

I m trying to replace html using innerHTML javascript   From   aaaaaa cat bbbbbb   To    lt a href  http   www google com cat world  gt Helloworld lt  a gt    This s my code   lt html gt   lt head gt   lt  head gt   lt body gt   lt p id  element1  gt aaaaaa cat bbbbbb lt  p gt    lt script language  javascript  gt  var strMessage1   document getElementById  element1     strMessage1 innerHTML   strMessage1 innerHTML replace   aaaaaa  g   lt a href   http   www google com      strMessage1 innerHTML   strMessage1 innerHTML replace    bbbbbb g   world   gt Helloworld lt  a gt       lt  script gt   lt  body gt   lt  html gt    When i run this code it disappears Helloworld hyperlink  what I m doing wrong  Please help   Thank you for all your help

User · Accepted Answer

You should chain the replace   together instead of assigning the result and replacing again   var strMessage1   document getElementById  element1     strMessage1 innerHTML   strMessage1 innerHTML                          replace  aaaaaa  g   lt a href   http   www google com                             replace   bbbbbb g   world   gt Helloworld lt  a gt       See DEMO

User · Answer

You are replacing the starting tag and then putting that back in innerHTML  so the code will be invalid  Make all the replacements before you put the code back in the element   var html   strMessage1 innerHTML  html   html replace   aaaaaa  g   lt a href   http   www google com     html   html replace    bbbbbb g   world   gt Helloworld lt  a gt     strMessage1 innerHTML   html

[javascript] Javascript - Replace html using innerHTML

Examples related to javascript

Examples related to innerhtml