DOM

// F. Permadi 2005. // (C) F. Permadi // Print DOM tree //////////////////////////////////////////// // This function traverses the DOM tree of an element and prints the tree. // This function called recursively until the DOM tree is fully traversed. // // Parameters: // - targetDocument is where the tree will be printed into // - currentElement is the element that we want to print // - depth is the depth of the current element // (it should be 1 for the initial element) //////////////////////////////////////////// function traverseDOMTree(targetDocument, currentElement, depth) { if (currentElement) { var j; var tagName=currentElement.tagName; // Prints the node tagName, such as , , etc if (tagName) targetDocument.writeln("<"+currentElement.tagName+" type = "+currentElement.type+" name = "+currentElement.name+" value = "+currentElement.value+">"); // targetDocument.writeln("<"+currentElement.tagName+">"); else targetDocument.writeln("[unknown tag]"); // Traverse the tree var i=0; var currentElementChild=currentElement.childNodes[i]; while (currentElementChild) { // Formatting code (indent the tree so it looks nice on the screen) targetDocument.write("
\n"); for (j=0; j"); for (j=0; j"); for (j=0; jDOM\n"); outputWindow.document.write("

\n");
  traverseDOMTree(outputWindow.document, domElement, 1);
  outputWindow.document.write("