在javascript中，如何在一行中使用createElement()创建具有多个属性的元素？

Question

`<div class="check"><input type="checkbox" name="buy" value="260" checked="" onclick="javascript:basket.checkItem();">&nbsp;</div>

这是我想通过 createElement() 创建的元素。我想知道是否有一个命令可以完成此操作？长度并不重要。

Answer 1

如果你想要单行，你可以使用：

Object.assign(document.createElement('div'), {className: 'check', innerHTML: '<input type="checkbox" name="buy" value="260" checked="" onclick="javascript:basket.checkItem();">&nbsp;'})

或者，更好的可读性：

Object.assign(document.createElement('div'), {
  className: 'check',
  innerHTML: '<input type="checkbox" name="buy" value="260" checked="" onclick="javascript:basket.checkItem();">&nbsp;'
})