Replace words in the body text

by

To replace a string in your HTML with another use the replace method on innerHTML:

document.body.innerHTML = document.body.innerHTML.replace('hello', 'hi');

Note that this will replace the first instance of hello throughout the body, including any instances in your HTML code (e.g. class names etc..), so use with caution – for better results, try restricting the scope of your replacement by targeting your code using document.getElementById or similar.

To replace all instances of the target string, use a simple regular expression with the global flag:

document.body.innerHTML = document.body.innerHTML.replace(/hello/g, 'hi');

More Related Contents:

  1. Link to a file and javascript simultaneously
  2. How to create a translucent in React Native?
  3. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  4. How to get value of selected radio button?
  5. How to get a file or blob from an object URL?
  6. Resize image with javascript canvas (smoothly)
  7. Refresh/reload the content in Div using jquery/ajax
  8. How to delete a localStorage item when the browser window/tab is closed?
  9. How to submit a form with JavaScript by clicking a link?
  10. Method to show native datepicker in Chrome
  11. Input value is a string instead of a number
  12. PHP+JS: How to do Fileuploads in HTML Form as Content-Type Multipart (via JS)?
  13. How to do a horizontal scroll on mouse wheel scroll?
  14. Dynamically Populating Drop down list from selection of another drop down value
  15. Pass a javascript variable value into input type hidden value
  16. Clearing my form inputs after submission
  17. Highlight the search text – angular 2
  18. Get HTML code using JavaScript with a URL
  19. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  20. Disable zoom on input focus in Android webpage
  21. DIV Vertical Scroll bar on left
  22. CSS /JS to prevent dragging of ghost image?
  23. event currentTarget changes after setTimeout
  24. Rotate div text after clicking on button using jquery and css
  25. How much data / information can we save / store in a QR code?
  26. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  27. html5/Javascript – How to get the Selected folder name?
  28. Do duplicate ID values screw up jQuery selectors?
  29. Split text into pages and present separately (HTML5)
  30. Can you have multiple lines in an element?

Leave a Comment