如何加载不同div中的两个javascript的内容？

Question

我有一个以 iframe 形式显示的表单的 javascript 代码。我可以告诉 javascript 是德语还是英语，但是当我重新加载页面时，两个 iframe 都会加载到同一个 div 中，尽管我将 javascript 代码分别放在一个 div 中。我需要通过 css 告诉它们哪里可见以及哪里隐藏来对每个页面的代码进行分离。我怎样才能分离 iframe？

我尝试将 javascript 代码放在不同的 div 中，但它不起作用。

Answer 1

您没有完美地描述代码，但是您可以尝试添加 iframe onclick。例如：

function DE(){
  var link = "URL DE";
  var iframe = document.createElement('iframe');
  iframe.width = "300px"; 
  iframe.height = "250px";
  iframe.setAttribute("src", link);
  document.getElementById("DE").appendChild(iframe);
}
function EN(){
  var link = "URL EN";
  var iframe = document.createElement('iframe');
  iframe.width = "300px"; 
  iframe.height = "250px";
  iframe.setAttribute("src", link);
  document.getElementById("DE").appendChild(iframe);
}

This part is just needed to call the EN or DE function
<button onclick="DE()">DE</button>
<button onclick="EN()">EN</button>

<br>
DIV's
<div id="EN">

</div>
<div id="DE">

</div>

这只是一个例子。我不知道代码是什么样子，所以我创建了一个代码示例。