Блоки не меняются местами
Я впервые тут, прошу прощения если не туда залез по теме.
Учусь по учебнику от 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, время: 04:37. |