How do I change the text of a span element using JavaScript?

by

For modern browsers you should use:

document.getElementById("myspan").textContent="newtext";

While older browsers may not know textContent, it is not recommended to use innerHTML as it introduces an XSS vulnerability when the new text is user input (see other answers below for a more detailed discussion):

//POSSIBLY INSECURE IF NEWTEXT BECOMES A VARIABLE!!
document.getElementById("myspan").innerHTML="newtext";

More Related Contents:

  1. .val() don't edit input
  2. How to have html popup appear over main html page?
  3. jQuery document.getElementById() issue
  4. jquery get id of input selected text
  5. How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?
  6. How do I cancel form submission in submit button onclick event?
  7. ES2015 import doesn’t work (even at top-level) in Firefox
  8. Javascript Confirm popup Yes, No button instead of OK and Cancel
  9. Set custom HTML5 required field validation message
  10. offsetting an html anchor to adjust for fixed header [duplicate]
  11. HTML5 Local Storage fallback solutions [closed]
  12. Creating SVG elements dynamically with javascript inside HTML
  13. jQuery $(“#radioButton”).change(…) not firing during de-selection
  14. How FileReader.readAsText in HTML5 File API works?
  15. AngularJS: Better way to watch for height change
  16. Why don’t audio and video events bubble?
  17. Good Reasons why not to use Iframes in page content [closed]
  18. Open a new javascript window(.open) along with its CSS styling
  19. How to use google.maps.event.trigger(map, ‘resize’)
  20. option.style.display = “none” not working in safari [duplicate]
  21. How to recall or restart MathJax?
  22. In AngularJS, any inline javascript code that included in HTML templates doesn’t work
  23. Is it possible to add html inside a title attribute?
  24. How to set custom validation messages for HTML forms?
  25. Trigger standard HTML validation (form) without using submit button? [duplicate]
  26. Replacing Entire Page Including Head Using Javascript
  27. How to make the HTML renders before the alert is triggered?
  28. Could a website force the browser to go into fullscreen mode?
  29. How to apply background-color to a selected option?
  30. onChange event with contenteditable [duplicate]

Leave a Comment