<P ID="foo"><I>Be sure to close this paragraph.</I></P>

renders as follows:

Be sure to close this paragraph.

foo.style.left

document.getElementById()

<SCRIPT LANGUAGE="JavaScript">
<!--
function handleClick(){
  var obj = document.getElementById("button1");
  alert("horizontal position = " + obj.style.left);
}
// -->
</SCRIPT>

The following works as well:

<SCRIPT LANGUAGE="JavaScript">
<!--
function handleClick(){
  alert("horizontal position = " + document.getElementById("button1").style.left);
}
// -->
</SCRIPT>

People who read this tip also read these tips:

• Setting an Attribute Node in IE6 and NS6
• The Virtual Root Node Type
• The Document Fragment Node
• Initializing the style Object
• Printing the DOM