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>

获取onClick元素返回主元素？

2 个答案: