<html>
<head>
<style>
.div1{
float: left;
width: 60px;
height: 100px;}
.div2{
float: left;
width: 60px;
height: 100px;}
</style>
<script type="text/javascript">
<!--
function DoIt()
{
var
d2,
d3;
if(!(d2=document.getElementById("Div2"))
|| !(d3=document.getElementById("Div3")))
return;
d2.parentNode.insertBefore(d3.parentNode.removeChi ld(d3),d2);
}
// -->
</script>
</head>
<body>
<div class="div1"></div>
<div class="div1"></div>
<FORM name=form>
<input class="buttom" type='button' onclick='exchange();' value='Do it!'>
</form>
</div>
</body>
</html>
Вот что у меня получилось, но они меняются местами сверху вниз, а мне нужно слева направо. Как это сделать?