一步创建元素并分配类

Question

我知道以下两种创建元素并为其分配类的方法：

const el = document.createElement('div');
el.classList.add('foo');

const el = document.createElement('div');
foo.className = 'foo';

有没有一步解决的办法？我试过

const el = document.createElement('div').classList.add('foo');

但它不起作用。

Answer 1

尽管通常的方法是分两步进行，但请尝试以下操作：

const el = Object.assign(document.createElement('div'), { className: 'foo' });

console.log(el);
console.log(el.className);