设置innerHTML之后，如何确定DOM是否已完成渲染？

Question

作为面试的一部分，我有一项技术编程任务 公司的流程。我知道它将使用Vanilla Javascript，但我仍然想像使用现代MVC框架一样正确组织代码。

我想实现一种粗略的处理组件的方式，其中我有一个与父组件的html对应的模板字符串。幻想将模板自定义呈现，只是将一小段html设置为组件的innerHTML。

基本上每个组件都有一个init()函数，其外观大致如下：

init(props = {}) {
  this.rootElement = document.querySelector('#app');

  // Render component with template
  this.rootElement.innerHTML = this.template;

  // Init children
}

我希望能够初始化子项，但是只有在我确信确定this.rootElement.innerHTML = this.template调用成功渲染了将在子项querySelector中用init进行查询的div后，我才能进行初始化。功能。