Не работает js скрипт

151
31 августа 2019, 00:30

Нужно перемещать div по нажатию на кнопку. Написал следующий код, но он не работает, квадрат остается на своем месте.

<script type="text/javascript"> 
  button.onclick = function() { 
    document.getElementById("cube").style.left = 100 + 'px'; 
  } 
</script> 
 
 
<div id="cube" style="left: 10px; width: 150px; height: 150px; background: green;"></div> 
<a href="" id="button">Переместить куб вправо!</a>

Answer 1

Поменяйте местами скрипт и разметку.

<a href="" id="button">Переместить куб вправо!</a> 
<div id="cube" style="left: 10px; width: 150px; height: 150px; background: green;position:absolute;top:35px;"></div> 
 
<script type="text/javascript"> 
  button.onclick = function() { 
    document.getElementById("cube").style.left = 100 + 'px'; 
    return false; 
  } 
</script>

или

<script type="text/javascript"> 
  window.addEventListener("load", function() { 
    button.onclick = function() { 
      document.getElementById("cube").style.left = 100 + 'px'; 
      return false; 
    } 
  }); 
</script> 
 
<a href="" id="button">Переместить куб вправо!</a> 
<div id="cube" style="left: 10px; width: 150px; height: 150px; background: green;position:absolute;top:35px;"></div>

READ ALSO
Картинка идёт поверх другого блока
HTML

Картинка идёт поверх другого блока

Подскажите пожалуйста, при transform:scale(11) картинка идёт поверх другого блока, как это исправить? Эта картинка находиться в обёрточном блоке

 146
Как изменить style , всех объектов внутри div
HTML

Как изменить style , всех объектов внутри div

у меня есть HTML код

 168
Не работает Scroll на Win7
c#

Не работает Scroll на Win7

В общем есть UserControl на нем панел (на панели рисую графику)Дело в том, что на Win7 не работает колесо мыши, даже если кликнуть по контролу, все равно...

 157
С# имитация нажатия мыши
c#

С# имитация нажатия мыши

Всем доброго дня, взялся недавно за проектПостигаю проблемы коммерческой разработки, так сказать) Встретился вот с такой проблемой

 145