document.createElement() Create an element
Last updated: 2026-09-09
document.createElement() Create an element
createElement creates a new DOM element (not yet in the page).
| Category | DOM |
|---|---|
| ES version | DOM |
📝 Syntax
const el = document.createElement('div');⚙️ Parameters
| tagName | The tag name to create. |
|---|
Returns：The newly created element.
Mutates the original：No (returns a new value)
▶ Example
Edit the code, press Run, and see the result in the output panel:
Output：
(new element inserted)💡 Tip createElement does not insert — use appendChild to add.
ℹ️ info Use DocumentFragment for batch insertions.
🌐 Browser support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| document.createElement() | ✓ 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
QIs the created element in the page?
ANo — it exists in memory only.
QHow to add content?
AUse textContent/innerHTML or appendChild child elements.
QcreateElement vs innerHTML?
AcreateElement is safer; innerHTML for batch HTML.
