Dynamic HTML and the W3C Document Object Model - Beginning JavaScript - page 462

[
“Msxml2.DOMDocument.6.0”,
“Msxml2.DOMDocument.3.0”
];
for (var i = 0; i < versions.length; i++)
{
try
{
xmlDoc = new ActiveXObject(versions[i]);
return xmlDoc;
}
catch (error)
{
//do nothing here
}
}
}
else if (document.implementation &&
document.implementation.createDocument)
{
xmlDoc = document.implementation.createDocument(“”,””,null);
return xmlDoc;
}
return null;
}
var xmlDocument = createDocument();
xmlDocument.load(“ch12_examp11.xml”);
function displayDogs()
{
var dogNodes = xmlDocument.getElementsByTagName(“dog”);
var table = document.createElement(“table”);
table.setAttribute(“cellPadding”,5); //Give the table some cell padding.
table.setAttribute(“width”, “100%”);
table.setAttribute(“border”, “1”);
var tableHeader = document.createElement(“thead”);
var tableRow = document.createElement(“tr”);
for (var i = 0; i < dogNodes[0].childNodes.length; i++)
{
var currentNode = dogNodes[0].childNodes[i];
if (currentNode.nodeType == 1)
{
var tableHeaderCell = document.createElement(“th”);
var textData = document.createTextNode(currentNode.nodeName);
tableHeaderCell.appendChild(textData);