Cross-Browser Document Object Model using DHTML

<HTML>

<HEAD>

<SCRIPT LANGUAGE="JavaScript" SRC="../include/browser.js"></SCRIPT>

<SCRIPT LANGUAGE="JavaScript">

function checkDOM (element)
{
	var dom;

	if (isNS4 || isIE4 || isNew)
	{
		dom = eval (docObj + '.' + element + styleObj);
		alert ('This browser uses the ' + dom + ' Document Object Model.');
		dom.left = 120;
		dom.top = 120;
	}
}

</SCRIPT>

<STYLE>
	.banner { position: absolute; font: bold 18pt/25pt helvetica; background-color: #333333; color: #CCCCCC; }
</STYLE>

</HEAD>

<BODY onLoad="checkDOM('b1');">

	<SPAN ID="b1" CLASS="banner" STYLE="left: 20px; top: 20px;">A very pretty HTML element!</SPAN>

</BODY>

</HTML>