js set attribute on element code example

Example 1: 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 2: html change attribute

element.setAttribute(name, value);


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

Example 3: setAttribute()

element.setAttribute(name, value);
element.setAttribute("style", "background-color: red;");

Example 4: put new attribute on html tag using javascript

// Here's what you do for the style attribute
span.setAttribute("style", "width:110%;float:center;left-margin:-10px;top-margin:-10;");