Javascript를 사용하여 다른 Div의 콘텐츠 변경

Question

<p>저는 JavaScript 函数 (<code>show-text()</code>) 来更改另一个 div (<code>id="new-text"< /code>) 的内容代码>)

<p> <pre class="brush:html;toolbar:false;"> <섹션> <div class="행"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3"> <a href="#" id="text-1" onclick="show-text()"> <div class="home-side-menu">사명 선언문</div></a> <a href="#" id="text-2" onclick="show-text()"> <div class="home-side-menu">편지쓰기</div></a> <a href="#" id="text-3" onclick="show-text()"> <div class="home-side-menu">평화 아이디어</div></a> <a href="#" id="text-4" onclick="show-text()"> <div class="home-side-menu">사랑의 힘</div></a> </div> </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-9 col-xl-9"> <div class="text-formatting" id="new-text"> </div> </div> </div> </섹션> <스크립트 유형="텍스트/자바스크립트"> 함수 표시-텍스트(id){ id="text-1"인 경우 document.getElementById('new-text').innerHTML="샘플 텍스트 1" id="text-2"인 경우 document.getElementById('new-text').innerHTML="샘플 텍스트 2" id="text-3"인 경우 document.getElementById('new-text').innerHTML="샘플 텍스트 3" id="text-4"인 경우 document.getElementById('new-text').innerHTML="샘플 텍스트 4" } </스크립트> </pre> </p>

Answer 1

변경된 코드(작동 중)

으아악

onclick="show-text() 내에서 "text-1" 또는 "text-2"와 같은 유효한 매개변수(IF 조건과 일치)를 전달합니다.

해야
나머지도 마찬가지다.

그리고 스크립트에서 ===(엄격한 동등성 검사)를 사용하여 비교합니다. J 비교 연산자

를 확인하세요.