使用 Javascript 更改另一个 Div 中的内容-PHP中文网问答

我希望通过单击链接容器并使用 JavaScript 函数 (show-text()) 来更改另一个 div (id="new-text") 的内容代码>)

    <section>
        <div class="row">               
        <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">Mission Statement</div></a>
            <a href="#" id="text-2" onclick="show-text()">
            <div class="home-side-menu">Letter-writing</div></a>
            <a href="#" id="text-3" onclick="show-text()">
            <div class="home-side-menu">Peace Ideas</div></a>
            <a href="#" id="text-4" onclick="show-text()">
            <div class="home-side-menu">Power Of Love</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>
    </section>



    <script type="text/javascript">
        function show-text(id){
            if id="text-1"
            document.getElementById('new-text').innerHTML="SAMPLE TEXT 1"
            if id="text-2"
            document.getElementById('new-text').innerHTML="SAMPLE TEXT 2"
            if id="text-3"
            document.getElementById('new-text').innerHTML="SAMPLE TEXT 3"
            if id="text-4"
            document.getElementById('new-text').innerHTML="SAMPLE TEXT 4"           
        }
    </script>