javascript - 获取onClick元素返回主元素？

Question

我对javascript很糟糕，我对这个有问题。

我正在使用此代码

<script> 
function changeNavigation(id){
   document.getElementById('members')
     .innerHTML=document.getElementById(id).innerHTML
} 
</script>

和 HTML

`<span onClick="changeNavigation('members')" >MEMBERS</span>
<span onClick="changeNavigation('help')" >HELP</span>`

<div id="members>...</div>

<div id="help" style="display: none;>...</div>

<span onClick="changeNavigation('members')" >MEMBERS</span>但是如果不将其中的所有内容复制到另一个 id 中，我就无法真正进入元素“成员”。

有没有办法做到这一点？

Answer 1

您需要更正语法错误。使用 onclick 而不是 onClick（迂腐）。确保正确关闭属性，您缺少一些关闭 " 标记。

更新的 html

<span onclick="changeNavigation('members')" >MEMBERS</span>
<span onclick="changeNavigation('help')" >HELP</span>`

<div id="members">...</div>

<div id="help" style="display: none;">...</div>

您的逻辑也存在错误，因为您只是将 div#members 的内容替换为自身。

更新的 JS 没有语法错误，但仍然有狡猾的逻辑

function changeNavigation(id){
 document.getElementById('members').innerHTML=document.getElementById(id).innerHTML;
} 

演示小提琴

http://jsfiddle.net/ADGCV/

就您的实际问题而言，您能解释一下您希望发生的事情更好吗？

这是一个可能的解决方案http://jsfiddle.net/ADGCV/1/

Answer 2

这可以仅使用标准 javascript 来完成，但我个人建议继续使用 jQuery。这是一个使用 jQuery 的示例 jsfiddle：http: //jsfiddle.net/JnvCR/2/

---

不要忘记在您的网站中包含 jQuery：

<script src="http://code.jquery.com/jquery.js"></script>