Set CSS style for an element
Set a CSS style
Setting the style via the style
property:
ele.style.backgroundColor = 'red';
ele.style['backgroundColor'] = 'red';
ele.style['background-color'] = 'red';
Multiple styles can be set at the same time by overwriting or updating the cssText
property:
// Add new style
el.style.cssText += 'background-color: red; color: white';
// Ignore previous styles
el.style.cssText = 'background-color: red; color: white';
Remove a CSS style
ele.style.removeProperty('background-color');
// Does NOT work
ele.style.removeProperty('backgroundColor');
See also
- Create a range slider
- Create an image comparison slider
- Create resizable split views
- Drag and drop element in a list
- Drag and drop table column
- Drag and drop table row
- Drag to scroll
- Get css styles of an element
- Make a draggable element
- Make a resizable element
- Measure the width of given text of given font
- Prevent body from scrolling when opening a modal
- Print an image
- Resize columns of a table
- Resize the width of a text box to fit its content automatically
- Scale a text to fit inside of an element
- Show a custom context menu at clicked position
- Show a loading indicator when an iframe is being loaded
- Show or hide an element
- Toggle an element
- Zoom an image