<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:

• Modifying Options on the Fly in IE
• Removing an Attribute Node
• Printing Objects in Netscape 6
• The Document's First Child
• Extracting DOM Substrings