javascript - 如何一次完成 createElement、appendChild 和 className？

Question

当使用 vanilla JS 时，这是我创建元素并将其呈现在页面上的典型方式:

var span = document.createElement('span');
    span.className = 'someClass';
    span.innerHTML = 'Lorem ipsum';

document.body.appendChild(span);

使用 jQuery 你可以做类似的事情

$('body').append('<span class="someClass">Lorem ipsum</span>')

是否有更简写的纯 JS 版本？

Answer 1

当然:

document.body.insertAdjacentHTML('beforeend', '<span class="someClass">Lorem ipsum</span>');