주 요소로 돌아가려면 onClick 요소를 가져 옵니까?

Question

저는 자바 스크립트에 끔찍해서이 문제가 있습니다.

는이 코드

<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>를 얻을 수 없다 신분증.

이 방법이 있습니까?

Answer 1

하지만 개인적으로는 앞서가는 jQuery를 사용하여 익숙해 권 해드립니다. http://jsfiddle.net/JnvCR/2/가

---

귀하의 웹 사이트에서 jQuery를 포함하는 것을 잊지 마세요 : 당신은 그 함수의 하드 코드 된 ID '회원'확실

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

Answer 2

구문 오류를 수정해야합니다. onClick (pedantic) 대신 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/