/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

5 votes171 views1 answer
Cursor as image css
CSS
95 votes167 views6 answers
Drop shadow css
CSS
72 votes204 views6 answers
Css absolute center horizontal
CSS
0 vote207 views1 answer
Name attribute css doesn't work
CSS
0 vote153 views1 answer
Jquery if css property is
CSS
0 vote184 views1 answer
Keeping text to be in one line
CSS
0 vote223 views1 answer
Html css add Avenir light font
CSS
73 votes169 views6 answers
Flexbox in css
CSS
0 vote167 views1 answer
Css remove margin around page
CSS
98 votes199 views2 answers
Css box-shadow shorthand
CSS