element.setAttribute() Set an attribute
Last updated: 2026-09-09
element.setAttribute() Set an attribute
setAttribute sets an HTML attribute on an element.
| Category | DOM |
|---|---|
| ES version | DOM |
📝 Syntax
el.setAttribute('href', 'https://...');⚙️ Parameters
| name | The attribute name. |
|---|---|
| value | The attribute value (always a string). |
Returns：undefined.
Mutates the original：Yes (in place)
▶ Example
Edit the code, press Run, and see the result in the output panel:
Output：
(attributes set)💡 Tip Direct property assignment is simpler for standard attributes.
ℹ️ info setAttribute coerces to string — use direct assignment for booleans.
🌐 Browser support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.setAttribute() | ✓ 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
QsetAttribute vs direct assignment?
AsetAttribute sets HTML attributes; direct assignment sets DOM properties.
QCan it set data-* attributes?
AYes — or use el.dataset.id.
QDoes setAttribute trigger events?
ANo change events are fired.
