js set element attribute code example

Example 1: javascript change attribute

var element = document.getElementById("elemId");
element.setAttribute("attributeName", "value");

Example 2: javascript setattribute

element.setAttribute(<name>, <value>);
// ex
var aElement = document.querySelector("a"); 
aElement.setAttribute("href", "https://isitchristmas.com/"); 
// same as <a href="https://isitchristmas.com/"></a>

Example 3: html change attribute

element.setAttribute(name, value);


var d = document.getElementById("d1"); 
d.setAttribute("align", "center");

Example 4: set attribute in javascript

//Fetch id from html
var a = document.getElementById("id");

//variable.setAttribute("Attributes","Properties:Values")
a.setAttribute("style", "visibility:hidden;");

Example 5: set attribute javascript

Element.setAttribute(name, value);

Example 6: js setattribute

const link = document.querySelector('a');

console.log(link.getAttribute('href'));
link.setAttribute('href', 'https://yandex.ru');
link.innerText = 'The Next Link';

const mssg = document.querySelector('p');

console.log(mssg.getAttribute('class'));

mssg.setAttribute('class', 'success');
mssg.setAttribute('style', 'color: green;');