Javascript 使用JS创建DOM元素，其中包含更多元素

我有一些任务要做，我在想如何更容易地完成。 我必须使用JS div元素创建一些类，在这个元素中，我想创建另外两个元素img src和button，但我不知道怎么做

我可以这样做：

const newElement = document.createElement('div');
newElement.classList.add('someClass')

---

之后，我可以将其添加到HTML文档中，然后创建另一个元素img src和button，并将其添加到我之前创建的div中，但是否有更快的选项来创建它？

与创建类的方式相同，您可以创建其他两个元素，例如img和button，并使用，您可以将img和按钮附加到作为父div的新元素

最后，只需将新创建的dom元素附加到document.body中

片段如下：

const newElement=document.createElement'div'； newElement.classList.add'someClass'； const image=document.createElement'img'； image.setAttribute'src'，'https://via.placeholder.com/150'; const button=document.createElement'button'； button.textContent='button'； newElement.appendimage； newElement.appendbutton； console.lognewElement； document.body.appendnewElement 是的，您可以使用以字符串形式构建模板。但是，该字符串不包含元素的实例，而是简单地放置；纯文本。这意味着要修改它们，必须将字符串解析为HTML

可以使用该方法将字符串插入到文档中。不要使用innerHTML，因为这会在附加到的元素中重新呈现HTML，并可能破坏JavaScript中与事件侦听器和选择器的绑定

这里有一个例子说明了这是如何工作的

const getTemplate=src=>` 点击我 `; const template=getTemplate'https://via.placeholder.com/150'; console.logtemplate；

---

document.body.insertAdjacentHTML'beforeend'，模板；你的意思是更快，打字更少？@EmielZuurbier是的，如果可能的话

document.body.append(newElement);