Javascript를 사용하여 다른 Div의 콘텐츠 변경
<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>
