Javascript 用另一个元素更改或替换一个元素最容易的方法是什么

用另一个div及其所有内容完全替换一个div及其所有内容的最简单方法是什么。我使用带有onclick事件的

a

元素来调用函数，但是我在创建一个有效的函数时遇到了问题

html

---

没有调用您的函数，请使用链接中的

onClick

方法：

href="javascript:void(0)" onClick="SwapDivsWithClick('abertura','segunda');"

使用您的代码：

函数SwapDivsWithClick（div1，div2）{
var d1=document.getElementById（div1）；
var d2=document.getElementById（div2）；
如果（d2.style.display==“无”）{
d1.style.display=“无”；
d2.style.display=“块”；
}否则{
d1.style.display=“块”；
d2.style.display=“无”；
}
}

Um documentário interactivo inspirado nas obras do realization dor David Lynch。。。我们的分包科学是一家私营公司
sonhar

你能添加你尝试过的代码吗？@TamasSzoke补充道。当我运行代码片段时，它会起作用，但当我尝试使用html和javascript文件时，什么都不会发生，我收到以下消息：“未捕获引用错误：在htmlanchorement.onclick（index.html:21）中未定义SwapDivsWithClick”似乎找不到你的

SwapDivsWithClick

函数，如果它在外部文件中，请确保已定义并添加了它。我在JavaScript文件中有这个函数，与你在文章中写的一样，还有我的HTML，以及你建议对“a”元素所做的更改。我不知道少了什么。到目前为止，我的几次尝试都出现了这种情况。也许值得一试，将

site.js

插入底部，就在结束body标记之前。我想我能够让它运行起来，但必须删除javascript文件中的所有内容，然后重新开始。如果再次出现问题，将更新您。谢谢

function SwapDivsWithClick(div1,div2)
{
   var d1 = document.getElementById(div1);
   var d2 = document.getElementById(div2);
   if( d2.style.display == "none" )
   {
      d1.style.display = "none";
      d2.style.display = "block";
   }
   else
   {
      d1.style.display = "block";
      d2.style.display = "none";
   }
}

href="javascript:void(0)" onClick="SwapDivsWithClick('abertura','segunda');"