Блоки не меняются местами
Я впервые тут, прошу прощения если не туда залез по теме.
Учусь по учебнику от JavaScript.ru. Решил сделать что то простое. Суть: При нажатии кнопочки поменять 2 блока местами. РАБОТАЕТ! Появилась задумка при нажатии вернуть их в исходное положение. К сожалению не могу вернуть. Наверно я условия не правильно прописал. :help:
function mestamiAlish() {
var red = document.getElementById("red").style.cssFloat = "right";
var black = document.getElementById("black").style.cssFloat = "left";
} if () {
var red = document.getElementById("red").style.cssFloat = "left";
var black = document.getElementById("black").style.cssFloat = "right";
};
Почему два элемента не принимают исходное положение? пожалуйста поясните:) Укажите на ошибку |
на это
Цитата:
|
<html>
<head>
</head>
<body>
<div id="black" style="background: black; float: right">foo</div>
<div id="red" style="background: red; float: left">foo</div>
<br>
<br>
<br>
<button id="swap">swap</button>
<script>
swap.onclick=function(){
var right=black.style.cssFloat==="right"? black : red
var left=black.style.cssFloat==="left"? black : red
right.style.cssFloat="left"
left.style.cssFloat="right"
}
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 00:44. |