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

Revisions

  1. e-to-the-pi revised this gist May 25, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions js-get-set-css__.js
    View file
    Original file line number Diff line number Diff line change
    @@ -13,12 +13,12 @@ var element = document.getElementById('image_1'),
    top = style.getPropertyValue('top');

    var jel, jss, jcc
    jel = document.getElementsByTagName('h1') //getElementsByTagName('h1')
    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



  2. e-to-the-pi created this gist May 25, 2014.
    24 changes: 24 additions & 0 deletions js-get-set-css__.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    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') //getElementsByTagName('h1')
    jss = window.getComputedStyle(jel)
    jcc = jss.getPropertyValue('color')