javascript - 文档 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>');