Create element by selector
npm i create-element-by-selector.js
in browser
<script src="create-element-by-selector.js"></script>
IE >= 9, *
<!DOCTYPE html>
<html>
<body>
<script src="create-element-by-selector.js"></script>
<script>
var s = 'main#id.main.box[contenteditable][data-foo=foo][data-bar=bar]';
var el = createElementBySelector(s);
document.body.appendChild(el);
// el.id === 'id'
// el.className === 'main box'
// el.getAttribute('contenteditable') === true
// el.getAttribute('data-foo') === 'foo'
// el.getAttribute('data-bar') === 'bar'
</script>
</body>
</html>