Question

我是一个相当新的JavaScript，我正在尝试做一个简单的功能，我的div可以通过点击链接更改。一切正常，除了当我再次点击我的第一个链接时，它停止工作。其他人继续工作...... 这是我的代码...希望有人可以帮助我！谢谢！

<script>
function changedivVIDEO(){
var div = document.getElementById("fw14video");
div.innerHTML = "<div id='main2'>Hello</div>";
}

function changedivCAMPAIGN(){
var div = document.getElementById("fw14campaign");
div.innerHTML = "<div id='main3'>Hello</div>";
}

function changedivRUNWAY(){
var div = document.getElementById("fw14campaign");
div.innerHTML = "<div id='main4'>Hello</div>";
}


</script>

<div id="main">

<div id="fw14video"></div>
<div id="fw14campaign"></div>
<div id="fw14runway"></div>
<div id="fw14runway"></div>

</div>


<p><a href="javascript:changedivVIDEO();"><h3>VIDEO</h3></a></p>
<p><a href="javascript:changedivCAMPAIGN();"><h3>CAMPAIGN</h3></a></p>
<p><a href="javascript:changedivRUNWAY();"><h3>RUNWAY</h3></a></p>
<p><a href="javascript:changedivACCESSORIES();"><h3>ACCESSORIES</h3></a></p>

</div>

Answer 1

我想这个：

function changedivRUNWAY(){
var div = document.getElementById("fw14campaign");
div.innerHTML = "<div id='main4'>Hello</div>";
}

应该是：

function changedivRUNWAY(){
var div = document.getElementById("fw14runway");
div.innerHTML = "<div id='main4'>Hello</div>";
}

作为首发......然后，如果您发布的代码中没有其他任何内容丢失，那么＆lt; / DIV＆GT;标签

Answer 2

我制作了一个example，填写了我认为缺失的细节：

<div id="fw14video"></div>
<div id="fw14campaign"></div>
<a href="" onclick="changediv1();">changediv1</a>
<a href="" onclick="changediv2();">changediv2</a>
<a href="" onclick="changediv3();">changediv3</a>
<script>
function changediv1(e){
  var div = document.getElementById("fw14video");
  div.innerHTML = "<div id='main2'>div1</div>";
  e.preventDefault();
}

function changediv2(e){
  var div = document.getElementById("fw14campaign");
  div.innerHTML = "<div id='main3'>div2</div>";
  e.preventDefault();
}

function changediv3(e){
  var div = document.getElementById("fw14campaign");
  div.innerHTML = "<div id='main4'>div3</div>";
  e.preventDefault();
}
</script>

这是按预期工作的。我使用e.preventDefault（）使其不遵循链接，并设置不同的文本，以便您可以分辨哪些被点击。一些问题：

你的意思是ID不同吗？
你是如何将你的功能绑定到链接的？（我用过onclick。）

第一个javascript函数/链接停止工作？

2 个答案: