HTMLElement style

JavaScript -> Objekty -> HTMLElement Object -> HTMLElement style

Popis

Pomocou vlastnosti style môžeme meniť CSS vlastnosti objektu.

Príklad

var elem = document.getElementById("elem");
elem.style.width = "500px";

Keď chceme naraz meniť viac hodnôt, môžeme použiť metódu setAttribute:

var elem = document.getElementById("elem");
elem.setAttribute("style","width: 500px; background-color: yellow;");

Niektoré vlastnosti v CSS a ich ekvivalenty v JavaScripte

Css Property	JavaScript Equivalent
background	background
background-color	backgroundColor
background-image	backgroundImage
border	border
clear	clear
color	color
display	display
float	cssFloat
Font-family	fontFamily
Font-size	fontSize
Font-weight	fontWeight
height	height
Left	left
list-style	listStyle
list-style-image	listStyleImage
margin	margin
Text-decoration	textDecoration
vertical-align	verticalAlign
Visibility	visibility
Width	width
z-index	zIndex