← CodePrimer
JavaScript
Beginner
Dom
innerHTML vs textContent
How do I change an element’s text?
Safe text vs HTML injection.
const el = document.querySelector('#status');
el.textContent = 'Saved successfully'; // safe plain text
// el.innerHTML = '<strong>Saved</strong>'; // parses HTML — careful with user dataNotes
Prefer textContent for user-provided strings (XSS safety).
Keywords: innerHTML · textContent · dom · xss
Related
JavaScript
document.getElementById
How do I select one element by id?
JavaScript
document.querySelector
How do I select with a CSS selector?
JavaScript
document.querySelectorAll
How do I select every matching element?
JavaScript
addEventListener click
How do I make a button show an alert?
JavaScript
Arrow function event listener
Can I use an arrow function for events?
JavaScript
Live input event
How do I react as the user types?