Skip to content

Instantly share code, notes, and snippets.

@e-to-the-pi

e-to-the-pi/js-get-set-css__.js

Last active August 29, 2015 14:01
Show Gist options
  • Save e-to-the-pi/0c9ca51aaffa4baca110 to your computer and use it in GitHub Desktop.
Save e-to-the-pi/0c9ca51aaffa4baca110 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
js-get-set-css__.js
Get style with js - from StackOVerflow http://stackoverflow.com/questions/6338217/get-a-css-value-with-javascript
//style = window.getComputedStyle(element)
// window.getComputedStyle($("H1"))//(element) - can't passin jQ object
// jQ css method can set, and only returns some style property attributes- not from all stylesheets
$(".quote").css({'padding-bottom':'9pt'});
$("H1").css({'padding-bottom':'9pt'});
var element = document.getElementById('image_1'),
style = window.getComputedStyle(element),
top = style.getPropertyValue('top');
var jel, jss, jcc
jel = document.getElementsByTagName('h1')[0] //getElementsByTagName('h1') returns nNodeList so make sure to get o 0th child
jss = window.getComputedStyle(jel)
jcc = jss.getPropertyValue('color')
window.getComputedStyle( document.getElementsByTagName('h1')[0] ).color
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment