How to get the pure text without HTML element using JavaScript?

by

You can use this:

var element = document.getElementById('txt');
var text = element.innerText || element.textContent;
element.innerHTML = text;

Depending on what you need, you can use either element.innerText or element.textContent. They differ in many ways. innerText tries to approximate what would happen if you would select what you see (rendered html) and copy it to the clipboard, while textContent sort of just strips the html tags and gives you what’s left.

innerText also has compatability with old IE browsers (came from there).

More Related Contents:

  1. Double digit 30 seconds countdown
  2. Using HTML5/Canvas/JavaScript to take in-browser screenshots
  3. Why can’t I call a function named clear from an onclick attribute?
  4. Way to ng-repeat defined number of times instead of repeating over array?
  5. JavaScript Form Submit – Confirm or Cancel Submission Dialog Box
  6. Does HTML5/Canvas Support Double Buffering?
  7. Add a tooltip to a div
  8. How to parse an RSS feed using JavaScript?
  9. How do I fix blurry text in my HTML5 canvas?
  10. File Upload without Form
  11. passing form data to another HTML page
  12. Pass value to iframe from a window
  13. How to embed an autoplaying YouTube video in an iframe?
  14. React.js: Set innerHTML vs dangerouslySetInnerHTML
  15. Which is better: … or …
  16. Is innerHTML asynchronous?
  17. How to clear cache of service worker?
  18. how to use json file in html code
  19. wget + JavaScript?
  20. Browser back button handling
  21. Hiding a button in Javascript
  22. Change the style of :before and :after pseudo-elements? [duplicate]
  23. Anyone have a diff algorithm for rendered HTML? [closed]
  24. Change image in HTML page every few seconds
  25. Extract the text out of HTML string using JavaScript
  26. Drawing arrows on an HTML page to visualize semantic links between textual spans
  27. Show/hide image with JavaScript
  28. Test if an element can contain text
  29. Using base64-encoded images with HtmlService in Apps Script
  30. Changing data content on an Object Tag in HTML

Leave a Comment