<FORM>
<INPUT ID="counter1" STYLE="position:relative; left:0px" TYPE="button" 
VALUE="Move Button" onclick="handleClick()">
</FORM>
<SCRIPT LANGUAGE="JavaScript">
<!--
var obj = document.getElementById('counter1');
var xlocation = parseInt(obj.style.left);
alert(xlocation);
function handleClick() {
  xlocation += 50;
  document.getElementById('counter1').style.left = xlocation + "px";
}
// -->
</SCRIPT>

Try it repetitively:

People who read this tip also read these tips:

• Reading an Attribute Node in IE6 and NS6
• Hopping to the Document's Root
• The Document's Virtual Root Node
• Deleting DOM Substrings
• Return-Key-Sensitive Event Handlers