← CodePrimer
JavaScript
Beginner
Dom
setAttribute and style
How do I change attributes and CSS from JS?
Attributes + inline styles.
const el = document.querySelector('#banner');
el.setAttribute('class', 'banner is-active');
el.style.color = 'blue';
Notes
For classes, classList.add/remove/toggle is usually cleaner.
Keywords: setAttribute · style · class · dom
Related
JavaScript
document.getElementById
How do I select one element by id?
JavaScript
document.querySelector
How do I select with a CSS selector?
JavaScript
document.querySelectorAll
How do I select every matching element?
JavaScript
addEventListener click
How do I make a button show an alert?
JavaScript
Arrow function event listener
Can I use an arrow function for events?
JavaScript
Live input event
How do I react as the user types?