data-attrs-to-js

1.1.1 • Public • Published

data-attrs-to-js Dependency Status devDependency Status

Parse your data attributes as JavaScript objects.

Usage

<div id="dataz"
  data-user-name="John"
  data-user-id="9"
  data-browser="ie6"
  data-awesome-colors.red="#ff0000">
</div>
var tojs = require('data-attrs-to-js');
var elem = document.querySelector('dataz');
 
console.log(tojs(elem));
 
// {
//   browser: 'ie6',
//   user: {
//     id: '9',
//     name: 'John'
//   },
//   awesome: {
//     'colors.red': '#ff0000'
//   }
// }
 
console.log( 
  tojs(elem, {
    pattern: /^user/
  })
);
 
// {
//   user: {
//     id: '9',
//     name: 'John'
//   }
// }
 
console.log( 
  tojs(elem, {
    separator: '.'
  })
);
 
// {
//   'user-name': 'John',
//   'user-id': '9',
//   browser: 'ie6',
//   'awesome-colors': {
//     red: '#ff0000'
//   }
// }

Dependencies (0)

    Dev Dependencies (1)

    Package Sidebar

    Install

    npm i data-attrs-to-js

    Weekly Downloads

    1

    Version

    1.1.1

    License

    ISC

    Last publish

    Collaborators

    • vvo