document createElement shortest syntax

Question

I'm looking for the shortest syntax which could provide me the same result as this dojo line:

var divblock5 = dojo.create("div", {className: "barlittle", id: "block5"});

but I want to use plain JavaScript instead of dojo framework. I have a lot of dynamic element creation and I want to make my code short as possible.

Answer 1

var create = function(element, properties) {
    var elmt = document.createElement(element);
    for (var prop in properties) {
        elmt[prop] = properties[prop];
    }
    return elmt;
}

create("div", {className: "barlittle", id: "block5"});

Or, my personal favorite that simply takes HTML and converts it to a DOM node :

var elmtify(html) {
    var wrapper = document.createElement('div');
    wrapper.innerHTML = html;
    return wrapper.firstChild;
}

elmtify('<div class="barlittle" id="block5"></div>');

Answer 2

You should check put-selector: https://github.com/kriszyp/put-selector.