.setAttribute()
Anonymous contributor
Published Mar 18, 2025
Contribute to Docs
The .setAttribute()
method of the Element
interface sets or updates an attribute of the specified element. If the given attribute already exists, its value is updated; otherwise, a new attribute is created with the given name and value.
Syntax
elm.setAttribute(name, value);
elm
: The element on which the.setAttribute()
method is called.name
(string): The name of the attribute to set (e.g.,"class"
,"id"
,"href"
).value
(string): The value to assign to the specified attribute.
Example
This example sets the "name"
attribute of a button element to "helloButton"
:
const button = document.querySelector('button');button.setAttribute('name', 'helloButton');
All contributors
- Anonymous contributor
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn JavaScript on Codecademy
- Career path
Front-End Engineer
Front-end engineers work closely with designers to make websites beautiful, functional, and fast.Includes 34 CoursesWith Professional CertificationBeginner Friendly115 hours - Free course
Learn JavaScript
Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.Beginner Friendly15 hours