This is a simple JavaScript function which allows you to get and set CSS styles on DOM elements with ease.
Switch branches/tags
Nothing to show
Clone or download
Latest commit cf515d7 Jul 13, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
test Unit tests for setting styles on multiple DOM elements, and for passi… Jul 7, 2017
.gitignore Initial commit Jul 6, 2017
.npmignore Initial commit Jul 6, 2017
README.md
_config.yml Set theme jekyll-theme-cayman Jul 13, 2017
package.json Add keywords Jul 7, 2017

README.md

This is a simple JavaScript function which allows you to get and set CSS properties on DOM elements with ease.

npm install stylerjs

Usage

var styler = require('stylerjs')

Now that stylerjs has been imported in to your project you're able to start getting and setting CSS properties to your DOM elements.

Get Styles

var styles = styler('.class-name').get(['height', 'width']);

or you can pass it a node

var element = document.querySelector('.class-name');
var styles = styler(element).get(['height', 'width']);

Set Styles

You can set styles to multiple DOM elements by passing it a class. This will apply all of your specified styles to those elements.

styler('.class-name').set({ 'height': '50px', 'width': '50px' });

or you can pass the styler a single node if you wish to do just one.

var element = document.querySelector('.class-name');
styler(element).set({ 'height': '50px', 'width': '50px' });