document createElement最短语法

Question

我正在寻找最短的语法,它可以提供与此dojo行相同的结果:

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

但我想使用纯JavaScript而不是dojo框架.我有很多动态元素创建,我希望尽可能缩短代码.

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"});

或者,我个人最喜欢的只是采用HTML并将其转换为DOM节点:

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

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