Javascript 是否有一种速记方法来记录.createElement多个元素？

在创建一组元素时，JS中是否有document.createElement的速记方法

为了最大限度地利用HTML5，并使网站在较旧的浏览器中工作，我倾向于在我所做的每个网站中都使用类似于此的JS片段：

// Allows HTML5 tags to work in older browsers
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');

有没有一种方法可以通过一条语句（逗号分隔或类似的语句）添加它们？

var elements=['header'、'nav'、'section'、'article'、'aside'、'footer']；
var elements = ['header', 'nav', 'section', 'article', 'aside', 'footer'];
for (var i = 0; i < elements.length; i++) {
    document.createElement(elements[i]);
}

对于（var i=0；i

我知道您没有要求，但jQuery让这变得非常简单

var $elems = $("<header/><nav/><section/><article/><aside/><footer/>");
$( "header", $elems ).html("Sweeeeet!");
// etc...

当然，不要忘记将它们添加到文档中

$("body").append( $elems );

---

另请参见不那么难看的dom生成和内置工具。

应该有更干净的方法来实现这一点，目前我使用的是一个简单的：

function elem( type, klass, content){
    var el = document.createElement(type);
    if(klass)   el.className = klass;
    if(content) el.innerHTML = content;
    return el;
}

// usage : var div = elem('div','myclass','123');

如果ES能为这个做个速记会更好。。。 也许有什么东西在外面

var div = new Div( setup... );

使用

Object.assign（）

可以非常有效地避免重复，易于阅读

document.body.appendChild(
Object.assign(
document.createElement（“div”），
{
样式：“颜色：蓝色；字体大小：2rem”，
textContent:“已分配多个属性！”
}
)
)
//一行
document.body.appendChild（Object.assign（document.createElement（“a”），{href:“https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign，样式：“字体大小：1rem”，文本内容：“MDN上的Object.assign（）”}））

var div = new Div( setup... );