Get onClick元素返回到主元素？

我很害怕与JavaScript，我有这个问题。Get onClick元素返回到主元素？

我使用这个代码

<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。

有没有办法做到这一点？

来源

2013-08-22 MSmS

你肯定在该功能的硬编码ID“成员”？ – Thilo

这可以只使用标准的JavaScript来实现，但我个人建议你走在前面，并习惯使用jQuery。下面是使用jQuery的jsfiddle一个例子：http://jsfiddle.net/JnvCR/2/

不要忘记，包括jQuery的在您的网站：

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

来源

2013-08-22 00:21:16 iRector

谢谢！这非常简单，而且实际上是我所需要的。 – MSmS

@MinaSimic当然，我对代码进行了细微的修改，指定了哪些'.active'元素关闭（稍后您将最终使用它来用于其他类）http://jsfiddle.net/JnvCR/ 2 /。如果你不介意接受答案，我会很感激。 – iRector

你需要纠正你的语法错误。使用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＃成员的内容的错误本身。

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

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

演示小提琴

http://jsfiddle.net/ADGCV/

就你的实际问题而言，你能解释一下你希望发生什么更好？

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

来源

2013-08-22 00:21:00 lukeocom

Get onClick元素返回到主元素？

回答

相关问题