显示选项卡js

function changeBody(index) {
                    switch(index) {
                        case 1:
                            {
                                document.getElementById('iDBody1').style.display = "";
                                document.getElementById('iDBody2').style.display = "none";
                                document.getElementById('iDBody3').style.display = "none";
                                break;
                            }
                        case 2:
                            {
                                document.getElementById('iDBody1').style.display = "none";
                                document.getElementById('iDBody2').style.display = "";
                                document.getElementById('iDBody3').style.display = "none";
                                break;
                            }
                        case 3:
                            {
                                document.getElementById('iDBody1').style.display = "none";
                                document.getElementById('iDBody2').style.display = "none";
                                document.getElementById('iDBody3').style.display = "";
                                break;
                            }
                    }
                }

div部分

<a href="javascript:changeBody(1)">模块A</a>
            <a href="javascript:changeBody(2)">模块B</a>
            <a href="javascript:changeBody(3)">模块C</a>
            <div style="display: block" id="iDBody1">
                模块(一)的相关内容
            </div>
            <div style="display: none" id="iDBody2">
                模块(二)的相关内容
            </div>
            <div style="display: none" id="iDBody3">
                模块(三)的相关内容
            </div>

猜你喜欢

转载自blog.csdn.net/qq_35327397/article/details/79077438