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

function handleClick() {
  if (document.getElementById) {
    document.getElementById("foo").style.left = 200;
    document.getElementById("foo").style.top = 100;
    document.getElementById("foo").style.visibility = "visible";
  }
  else if (document.layers) {
    document.layers.foo.left = 200;
    document.layers.foo.top = 100;
    document.layers.foo.visibility = "visible"
  }
  else {
    document.write("Unrecognized Browser Detected");
  }
}

People who read this tip also read these tips:

• Finding Style Rule Objects
• Looping in XSLT
• Displaying Web Service Results
• Defining the Grammar of Leaf Cells
• Using Qualified Class Names