Javascript を使用して別の Div のコンテンツを変更する
<p>リンク コンテナをクリックし、JavaScript 関数 (<code>show-text()</code>) を使用して、別の div (<code>id="new-text"<) を変更したいと考えています。 ) /code>) コンテンツ コード>)
<p>
<pre class="brush:html;toolbar:false;"> <section>
<div class="行">
<div class="col-xs-12col-sm-12col-md-12col-lg-3col-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-12col-sm-12col-md-12col-lg-9col-xl-9">
<div class="テキスト形式" id="新しいテキスト">
</div>
</div>
</div>
</セクション>
<スクリプトタイプ="text/javascript">
関数 show-text(id){
id="テキスト-1"の場合
document.getElementById('new-text').innerHTML="サンプル テキスト 1"
id="テキスト-2"の場合
document.getElementById('new-text').innerHTML="サンプル テキスト 2"
id="テキスト-3"の場合
document.getElementById('new-text').innerHTML="サンプル テキスト 3"
id="テキスト-4"の場合
document.getElementById('new-text').innerHTML="サンプル テキスト 4"
}
</script> </pre>
</p>
