if (document.all || document.getElementById) {
  document.write('<DIV ID="foo" STYLE="position:absolute; left:-200; top:-100; visibility:hidden;">This is the IE/N6 foo</DIV>');
}
else if (document.layers) {
  document.write("<LAYER NAME='foo' LEFT=-200 TOP=-100 VISIBILITY=hidden'>This is the NN foo</LAYER>");
}
else {
  document.write("Unrecognized Browser Detected");
}

When clicking here, this page should switch with a new page with the above hidden tag. Once you click the Show Element link on top of that page, the following function is called:

<SCRIPT LANGUAGE="JavaScript">
<!--
function handleClick() {
  if (document.all) {
    document.all.foo.style.left = 200;
    document.all.foo.style.top = 100;
    document.all.foo.style.visibility = "visible";
  }
  else if (document.layers) {
    document.layers.foo.left = 200;
    document.layers.foo.top = 100;
    document.layers.foo.visibility = "visible"
  }
  else if (document.getElementById) {
    document.getElementById("foo").style.left = 200;
    document.getElementById("foo").style.top = 100;
    document.getElementById("foo").style.visibility = "visible";
  }
  else {
    document.write("Unrecognized Browser Detected");
  }
}
// -->
</SCRIPT>

People who read this tip also read these tips:

• Using childNodes() to Reach DOMDocument Nodes
• Using "*/*" to Match Grandchildren in DOMDocument
• The Selection Object
• JScript .NET's Exception Handling Advantage
• Sniffing the Editable Mode