Javascript – Replace html using innerHTML

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,'<a href=\"http://www.google.com/')
                        .replace(/.bbbbbb/g,'/world\">Helloworld</a>');

See DEMO.

Related Posts:

  1. Cannot set property ‘innerHTML’ of null
  2. How to replace innerHTML of a div using jQuery?
  3. React.js: Set innerHTML vs dangerouslySetInnerHTML
  4. Difference between innerText, innerHTML and value?
  5. Uncaught Typeerror: cannot read property ‘innerHTML’ of null
  6. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  7. What does “javascript:void(0)” mean?
  8. For-each over an array in JavaScript
  9. Failed to load resource: the server responded with a status of 404 (Not Found)
  10. require is not defined? Node.js
  11. What is NODE_ENV and how to use it in Express?
  12. How to deal with net::ERR_SSL_PROTOCOL_ERROR?
  13. What is the way of declaring an array in JavaScript?
  14. How to disable JavaScript in Chrome Developer Tools?
  15. JavaScript null check
  16. JavaScript “Uncaught TypeError: object is not a function” associativity question
  17. Angular: mat-form-field must contain a MatFormFieldControl
  18. JS – ReferenceError: fetch is not defined
  19. Check if a variable is a string in JavaScript
  20. How can I get file extensions with JavaScript?
  21. How to detect Safari, Chrome, IE, Firefox and Opera browser?
  22. What does on() in JavaScript do?
  23. AngularJS : Factory and Service?
  24. What’s the difference between console.dir and console.log?
  25. Use images like checkboxes
  26. What is the difference between document.location.href and document.location?
  27. JavaScript error (Uncaught SyntaxError: Unexpected end of input)
  28. Preloading images with JavaScript
  29. How to hide a div with jQuery?v
  30. How do I pass variables and data from PHP to JavaScript?
  31. How do I set/unset a cookie with jQuery?
  32. Calling onclick on a radiobutton list using javascript
  33. How to properly export an ES6 class in Node 4?
  34. Sorting HTML table with JavaScript
  35. Relation between CommonJS, AMD and RequireJS?
  36. How to loop through an array containing objects and access their properties
  37. Trying to use fetch and pass in mode: no-cors
  38. Moment.js transform to date object
  39. jQuery explode string like PHP
  40. Call Javascript function from URL/address bar
  41. Anagrams finder in javascript
  42. Validate date in dd/mm/yyyy format using JQuery Validate
  43. CSS Animation onClick
  44. How to subtract days from a plain Date?
  45. Stopping a JavaScript function when a certain condition is met
  46. Showing an image from an array of images – Javascript
  47. Javascript isnull
  48. Set value to currency in
  49. How to add 30 minutes to a JavaScript Date object?
  50. Get querystring from URL using jQuery [duplicate]
  51. Check if string contains only digits
  52. JS: iterating over result of getElementsByClassName using Array.forEach
  53. jQuery checkbox change and click event
  54. Error: listen EACCES 0.0.0.0:80 OSx Node.js
  55. jQuery selectors on custom data attributes using HTML5
  56. How to check if a value is not null and not empty string in JS
  57. How do I refresh a DIV content?
  58. TypeError: abc.getAttribute is not a function
  59. Syntax error: Illegal return statement in JavaScript
  60. Error: TypeError: $(…).dialog is not a function
  61. javascript includes() case insensitive
  62. Reading local text file into a JavaScript array 
  63. “NS_ERROR_DOM_BAD_URI: Access to restricted URI denied”
  64. How can I unset a JavaScript variable?
  65. D3.js: what is ‘g’ in .append(“g”) D3.js code?
  66. Correct modification of state arrays in React.js
  67. Angular 2 Sort table columns
  68. JavaScript string encryption and decryption?
  69. How to dequeue a script?
  70. Combine enqueue js without affecting dependencies
  71. WP Customizer set a value via javascript (to create presets)
  72. preserve url parameters from affliliate sites
  73. How to overwrite JS variable with wp_localize _script?
  74. wp_enqueue_script adds only the first script
  75. Add javascript to a woocommerce page template
  76. How to get value of selected page template in Gutenberg editor?
  77. Dynamically insert values in a WordPress SelectControl Options field
  78. Vimeo froogaloop
  79. What javascript libs & frameworks are integrated in WordPress vanilla?
  80. Conditional fields in contact form 7 not working
  81. Enqueueing a script and a style sheet not working
  82. AngularJS with route and JSON API
  83. Uppload image from another source wp.media
  84. Use onfocus event in Contact Form 7
  85. Get Block Attributes in JSON REST API
  86. How to open the add media dialogue it in a certain state / tab?
  87. enqueue script won’t work (enqueue style does work)
  88. Variable equals another variable and then equals another variable
  89. How to get file object from file_attachment?
  90. Drag-to-Scroll Landingpage
  91. Easiest way to find JS conflicts
  92. How do I load urls from an external .js file to my admin head?
  93. Nothing in dashboard that uses javascript works
  94. XMLHttpRequest of admin data to public
  95. How to execute WP shortcode in a javascript string “”
  96. JS files landing on page but not working, using childtheme of twentyeleven
  97. PHP or JS for header image rotator?
  98. Replacing & in JS code on pages
  99. How do i get an Inline style in Gutenberg Block show up in front end?
  100. javscript that updates div in a single wordpress page

Leave a Comment