Is there a shorthand method in JS to document.createElement when you’re creating a bunch of elements.
To maximize usage of HTML5, and still make sites work in older browsers, I tend to have something like this snippet of JS in every site I do:
// 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');
Is there a way to add them via one statement — comma separated or something similar?
Answer
var elements = ['header', 'nav', 'section', 'article', 'aside', 'footer']; for (var i = 0; i < elements.length; i++) { document.createElement(elements[i]); }