Question

目前我的屏幕上只显示div=content2的内容。它有一些内容和一个按钮。所有其他div的内容都不可见（其他div的显示样式设置为none）现在，当我单击按钮时，我希望仅显示div=ContentXYZ的内容。基本上我想从当前的div内容转移到不同的div内容。

我不想要显示当前屏幕上的任何内容我只想显示另一个div的所有内容。

Answer 1

使用Javascript，您可以更改div的显示属性。您可以在按钮中添加onclick功能，您可以在其中更改div元素的样式。

function displayDiv(){
   document.getElementById("ContentXYZ").style.display = "inline";
}

Answer 2

工作样本

<强> HTML

<div id="content2">
    Content 2 goes here
    <button id="btn">Change Div</button>
</div>

<div id="contentXYZ" style="display:none;">
    Content XYZ goes here
</div>

<强>的Javascript

$('#btn').on('click',function(){
    $('#content2').css('display','none');
    $('#contentXYZ').css('display','block');
});

更多参考：Replace Div Content onclick

Answer 3

最有角度的方法可能是使用ng-class。 ng-class有条件地应用一个类，例如：

ng-class="{'visible': div1}"

如果div1为真，这将应用类。

以下是一个工作示例：https://plnkr.co/edit/q2XzDbdxPMBFJUl5X7kl?p=preview

从一个div移动到另一个div

3 个答案: