<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>