element.textContent Get/set text content
Last updated: 2026-09-09
element.textContent Get/set text content
textContent gets or sets the plain text content — safer and faster than innerHTML.
| Category | DOM |
|---|---|
| ES version | DOM |
📝 Syntax
el.textContent = 'Plain text';Returns：The text content.
Mutates the original：Yes (in place)
▶ Example
Edit the code, press Run, and see the result in the output panel:
Output：
Safe text💡 Tip Use textContent for plain text — safe, no XSS risk.
ℹ️ info textContent includes all descendant text nodes.
🌐 Browser support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.textContent | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Supported by all modern browsers | |||||
🏷️ Related Items
💡 Related Cases
More case studies coming soon — check back later.
📚 Related Tutorials
❓ FAQ
QtextContent vs innerText?
AtextContent includes hidden text; innerText mimics visible rendering.
QDoes textContent parse HTML?
ANo — content is treated as plain text.
QtextContent or innerHTML?
AtextContent is faster — no HTML parsing.
