将html模板动态加载到现有的动态加载的div

function loadHTMLTemplate(templateURL, targetDivId) {
  // 使用XMLHttpRequest对象获取HTML模板内容
  var xhr = new XMLHttpRequest();
  xhr.open('GET', templateURL, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var templateContent = xhr.responseText;

      // 创建一个新的div元素
      var newDiv = document.createElement('div');
      newDiv.innerHTML = templateContent;

      // 将新的div元素插入到现有的动态加载的div中
      var targetDiv = document.getElementById(targetDivId);
      targetDiv.appendChild(newDiv);

      // 执行HTML模板中的JavaScript代码
      eval(templateContent);
    }
  };
  xhr.send();
}

// 调用loadHTMLTemplate函数，将HTML模板动态加载到现有的div
loadHTMLTemplate('template.html', 'dynamicDiv');