JavaScript Data Attribute without jQuery

by Farzad Cyrus

HTML

<div data-module="tabs">
</div>

<div data-module="drop">
</div>

<div data-module="dialog">
</div>

JavaScript

var module = document.querySelectorAll('body div');


// GET ATTRIBUTE
for (var i = 0; i < module.length; i++) {
  var selector = module[i],
    value = selector.getAttribute('data-module');

  // IF IS DIALOG
  // SET ADDITIONAL ATTRIBUTE
  if (value.toLowerCase() == 'dialog') {
    selector.setAttribute('data-dialog-url', 'http://google.com');
  }

  console.log(value, module[i]);
}