Question

我试图让div完全删除自己而不仅仅是将样式设置为无，例如，我想知道它是否可以完全删除并显示另一个，但切换以便它可以是仍然检索。这可能是使用HTML。将其从另一个文件加载是唯一的解决方案吗？

目前，我根据用户的选择将用户重定向到新页面，但我希望理想情况下将其全部放在同一页面上，但它会完全更新。

function showDiv(elem) {
   if (elem.value == 19) {
     // show div 1
     // delete div 2 completely
   } else if(elem.value == 20) {
     // show div 2
     // delete div 1 completely
   }
}

Answer 1

如果您想在客户端执行此操作，可以使用模板方法：

＆＃13;

function showDiv(elem) {
  var value = elem.value;
  var templateId = 'template' + value;
  var containerId = 'main-container';
  var template = document.getElementById(templateId);
  var container = document.getElementById(containerId);
  if (template && container) {
    container.innerHTML = template.textContent;
  }
}

showDiv({value: 19});

＆＃13;

<select onchange="showDiv(this)">
  <option>19</option>
  <option>20</option>
</select>

<div id="main-container"></div>

<script type="text/template" id="template19">
  <div>Content 19</div>
</script>

<script type="text/template" id="template20">
  <div>Content 20</div>
</script>

＆＃13;

完全删除/删除div并显示另一个（切换）

1 个答案: