DOM Level 0 - Example

JavaScript Tutorials - Herong's Tutorial Examples - Version 2.21, by Dr. Herong Yang

JavaScript Tutorials - Herong's Tutorial Examples

∟W3C's Document Object Model (DOM) Specifications

∟DOM Level 0 - Example

This section provides a tutorial example of DOM Level 0 objects and attributes that are supported in Netscape 3 and IE 3.

DOM Level 0 - No formal specifications published: A collection of HTML document functionalities offered by Netscape Navigator version 3.0 and Microsoft Internet Explorer version 3.0.

Here is a tutorial example of using DOM Level 0 objects and properties:

<html>
<!-- DOM_Level_0_Example.html
   Copyright (c) 2013 by Dr. Herong Yang, herongyang.com
-->
<head>
<title>DOM Level 0 Example</title>
<script type="text/javascript">
var colorID = 0;
function changeColor() {
   if (colorID == 0 )
      document.bgColor = "#ff8888";
   else if (colorID == 1 )
      document.bgColor = "#88ff88";
   else if (colorID == 2 )
      document.bgColor = "#8888ff";
   else if (colorID == 3 )
      document.bgColor = "#888888";
   document.forms[0].elements[0].value = document.bgColor;
   colorID = (colorID+1)%4;
}
</script>
</head>
<body>
<pre>
<script type="text/javascript">
   document.writeln("\"documnet\" attribute initial values:");
   document.writeln("   alinkColor = "+document.alinkColor);
   document.writeln("   background = "+document.background);
   document.writeln("   bgColor = "+document.bgColor);
   document.writeln("   fgColor = "+document.fgColor);
   document.writeln("   linkColor = "+document.linkColor);
   document.writeln("   vlinkColor = "+document.vlinkColor);
</script>
</pre>
<form>
  Current document.bgColor: 
  <input type="text" name="bgcolor" value="#ffffff"><br/>
  <input type="button" value="Click to change background color"
   onClick="changeColor();"/>
</form>
</body>
</html>

We should test this JavaScript in Netscape Navigator version 3.0 or Microsoft Internet Explorer (IE) version 3.0. But DOM Level 0 is still supported by IE version 6. Here is how this JavaScript page will look like on IE 6:
DOM Level 0 Example