How To Get and Set The Value Of A CSS Style Attribute Using Javascript

Here is an example of getting the style attributes of HTML elements

SYNTAX (Get Style value):

var elem = document.getElementById("elem-container");
var theCSSprop = window.getComputedStyle(elem,null).getPropertyValue("height");

Here is an example of setting the style attributes of HTML elements

SYNTAX (Set Style value):

document.getElementById('image_1').style.top = '100px';
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s