dynamically move an element in Mozilla (Firefox .8) (winxp)

I am trying to move elements in a page in Firefox. I need to know the referencing syntax. Here are the basic parts of my page that  I need to get working.


function shiftThis(){                      
  document.MyID.style.left=100;   // this is the statement that I'm not sure about
}                                               // and is simply triggered by a button on the page


Note that I have position absolute stated in class style...

<STYLE><!--
  .whatever {visibility: visible;  position: absolute}  
--></STYLE>


This is the element I'm trying to move...

<div id='MyID'' class='whatever'>
<p> Hi There </p>
</div>

steve44Asked:
Who is Participating?
 
devicConnect With a Mentor Commented:
<STYLE><!--
 .whatever {visibility: visible;  position: absolute}  
--></STYLE>

<script>
function shiftThis()
{                      
      document.getElementById("MyID").style.left=100;
}                                              

</script>
<div id='MyID'' class='whatever'>
<p> Hi There </p>
</div>
<br><br>
<button onclick=shiftThis()>shiftThis</button>
0
 
steve44Author Commented:

This is exactly what i needed    THANKS!
document.getElementById("MyID")
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.