JavaScript .setAttribute()

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');

Copy to clipboard
Copy to clipboard