用div子代替整个div父

时间:2017-11-10 17:03:21

标签: javascript html css

我有简单的html代码,我想通过点击div子代替其他div

来替换整个div父代
<body>
<div id="parent1">
    <div class="btn" onclick="show('source_div_parent','destination_div_parent')>
    </div>

    <div class="btn" onclick="show('source_div_parent','destination_div_parent')>
    </div>
</div>
<div id="parent2" style="display:none">
    <div class="btn" onclick="show('source_div_parent','destination_div_parent')>
    </div>

    <div class="btn" onclick="show('source_div_parent','destination_div_parent')>
    </div>
</div>
<div id="parent3" style="display:none">
    <div class="btn" onclick="show('source_div_parent','destination_div_parent')>
    </div>

    <div class="btn" onclick="show('source_div_parent','destination_div_parent')>
    </div>
</div>

这是我的javascript,我可以制作而不是我想要的

function show(par, param_div_id) {
    document.getElementById(par).innerHTML = document.getElementById(param_div_id).innerHTML;
}

注意:当第一次加载页面时,它只显示parent1,点击后,目标页面将显示并替换上一个div。

0 个答案:

没有答案