通过javascript更改div的位置 [英] Change the position of div through the javascript

问题描述

我有两个div控件.
在某种情况下，我显示第一个div并隐藏第二个div.
当我隐藏第一个div并显示第二个div时，第二个div不会更改位置.
如何将第二个div位置更改为第一个div.

I have a two div controls.
In a condition I show the first div and hide the second div.
When I hide the first div and show the second div, the second div does not change the location.
How can I change the second div position to first div.

if(value==1)
{
 document.getElementById("div1").style.visibility = ''hidden'';
 document.getElementById("div2").style.visibility = ''visible'';
}
else
{
 document.getElementById("div1").style.visibility = ''visible'';
 document.getElementById("div2").style.visibility = ''hidden'';
}

需要在div1的位置显示div2.

Need to show the div2 at the position of div1.

推荐答案

获得解决方案

if(value === 1)
{
document.getElementById("div2").style.display =``'';
document.getElementById("div1").style.display =``none'';
document.getElementById("div2").style.visibility ="visible";

}
其他
{
document.getElementById("div1").style.display ='''';
document.getElementById("div1").style.visibility ="visible";
document.getElementById("div2").style.display =``none'';
}

Got the solution

if(value===1)
{
document.getElementById("div2").style.display = '''';
document.getElementById("div1").style.display = ''none'';
document.getElementById("div2").style.visibility = ''visible'';

}
else
{
document.getElementById("div1").style.display='''';
document.getElementById("div1").style.visibility = ''visible'';
document.getElementById("div2").style.display = ''none'';
}

您还需要使用位置 [ ^ ]样式属性以及顶部和左侧.

You need also to use the position[^] style attribute, along with top and left.

这篇关于通过javascript更改div的位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！