пытается изменить положение текста в javascript

Question

Я делаю четыре кнопки (input type = "button") в html и хочу, чтобы они запускали функцию по щелчку, но ничего не происходит. HTML-код:

<div id="newtext" style="position:absolute; top:100px;"> 
<p>this is Text</p> 
</div> 
<form> 
<input type="button" name="moveLayer" value="move Left" onclick="move('left');"> 
<input type="button" name="moveLayer" value="move Right" onclick="move('right');"> 
<input type="button" name="moveLayer" value="move Up" onclick="move('up'); "> 
<input type="button" name="moveLayer" value="move Down" onclick="move('down'); "> 
</form> 

и сценарий:

function move(direction) { 
var layerText = document.getElementByID("newtext"); 

switch(direction) { 

case "left": 
    layerText.style.left=50; 
    break; 

case "right": 
    layerText.style.right=150; 
    break; 

case "up": 
    layerText.style.up=50; 
    break; 
case "down": 
    layerText.style.down=150; 
    break; 
default: 
it is not working; 
} 

}

заранее спасибо ..

Answer 1

Это должно работать (нет такого понятия, как style.up и style.down):

function move(direction) { 
    var layerText = document.getElementById("newtext"); 

    switch (direction) { 

     case "left": 
      layerText.style.left = "50px"; 
      break; 

     case "right": 
      layerText.style.left = "150px"; 
      break; 

     case "up": 
      layerText.style.top = "50px"; 
      break; 

     case "down": 
      layerText.style.top = "150px"; 
      break; 
    } 
} 

Демо: http://jsfiddle.net/GE3C5/2/

Answer 2

layerText.style.up = 50; ^

layerText.style.down = 150; ^ Без собственности вверх и вниз. используйте сверху и снизу;

по умолчанию:

it is not working; 

может привести к синтаксической ошибке