使用JavaScript将大量DOM转换为模态时出现问题

Question

我在将大量html转换为模式javascript时遇到问题。什么是解决此问题的最佳方法？。（无JQuery pls）

我的选择是（恢复代码，仅是逻辑）：

fetch('file.hmtl', {
   method: 'GET'
})
.then((data) = {
  return data.text();
})
.then((data) => {
  document.getElementById('modal-body').innertHTML = data
})

<div class="modal-wrapper">
  <div>Laaaaaargeeeeee amount of html</div>
</div>

或：

document.getElementById('modal-body').innertHTML = `<div class="modal-wrapper">laaaaargeeee amount of html</div>`

没有在带有index属性的main index.php中放置modal / largeHtml示例。因为性能和不良做法。

如果有人知道这种情况下的另一种解决方案或最佳实践。我会感激的。 Ty