/CSS/DOM element add multiple attributes

DOM element add multiple attributes

function setAttributes(element, attributes) {
  Object.keys(attributes).forEach(attr => {
    element.setAttribute(attr, attributes[attr]);
  });
}

const attributes = {
  name: 'example',
  title: 'Box 1',
  disabled: '',
  style: 'background-color: salmon; color: white;',
};

const button = document.getElementById('btn');
setAttributes(button, attributes);

Source: bobbyhadz.com

Similar codes

28 votes219 views3 answers
Text gradient css3
CSS
0 vote224 views1 answer
Css make all text center
CSS
0 vote177 views1 answer
How to change the size of a style="text-align: center;"
CSS
4 votes191 views1 answer
Css grid wrap columns
CSS
-1 vote179 views1 answer
Flex wrap tailwind
CSS
1 vote282 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
74 votes198 views6 answers
Flex css
CSS
0 vote206 views5 answers
Sweetalert to small bootstrap
CSS
0 vote184 views1 answer
Ignore br css
CSS
1 vote186 views2 answers
Drawing a circle with css
CSS