Answers for "dom style object properties"

2

adding styling to element using javascript

var elem = document.querySelector('#some-element');

// Set color to purple
elem.style.color = 'purple';

// Set the background color to a light gray
elem.style.backgroundColor = '#e5e5e5';

// Set the height to 150px
elem.style.height = '150px';
Posted by: Guest on October-28-2020
4

javascript style an element

// Getting the element first
var myElement = document.querySelector("#myElement");

// examples for updating styles
myElement.style.color = "blue";
myElement.style.backgroundColor = "red";
Posted by: Guest on September-02-2020
0

javascript style

// background-color
<element>.style.backgroundColor = '#000';
// background
<element>.style.background = '#000';
// color
<element>.style.color = '#fff';
// box-sizing
<element>.style.boxSizing = 'border-box';
// font-family
<element>.style.fontFamily = '\'Times New Roman\', Times, serif';
// font-size
<element>.style.fontSize = '16px';
// margin
<element>.style.margin = 0;
// padding
<element>.style.padding = '20px';
// width
<element>.style.width = '100%';
// height
<element>.style.height = '100%';
// margin-left
<element>.style.marginLeft = 0;
// font-weight
<element>.style.fontWeight = 400;
Posted by: Guest on September-11-2020
0

document style

document.getElementById("myH1").style.color = "red";
Posted by: Guest on November-10-2019
1

style through javascript

element.style.backgroundColor = "red";   // set the background color of an element to red
Posted by: Guest on July-10-2020

Code answers related to "Javascript"

Browse Popular Code Answers by Language