Hola, Jimena,
Esta sería la versión basada en tu perspectiva del JavaScript.
Espero que haya sido de ayuda.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>HackmanGT DOM XML Example</title>
</head>
<body>
<script language="javascript" type="text/javascript">
<!--
/**
* xmlData
* Representa un documento XML.
*/
function xmlData() {
this.loadXML = function() {
try {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
} catch (ex) {
try {
xmlDoc = document.implementation.createDocument("", "", null);
} catch (ex) {
return null;
}
}
try {
xmlDoc.async = false;
xmlDoc.load("data.xml");
} catch (ex) {
return null;
}
return xmlDoc;
}
}
/**
* xmlData
* Representa una plantilla de XML.
*/
function xmlNotAParser() {
this.NotParseXML = function(data) {
var o = "";
var c = data.getElementsByTagName("cliente");
o = '<table width="614" height="314" border="0" align="left" cellpadding="0" cellspacing="0" id="contenidoProductos">';
for (var i = 0; i < c.length; i++) {
o += '' +
' <tr>' +
' <td width="172" height="31" align="center" valign="top" bgcolor="#D1D9DF">' +
' <img src="images/cerrajeria.jpg" name="cerrajeria" width="121" height="121" hspace="20" vspace="20" style="border: 1px solid #FFFFFF;" align="top" id="cerrajeria"></td>' +
' <td width="10"> </td>' +
' <td width="431" valign="middle" bgcolor="#D1D9DF"><div id="scrollProductos" style=" width:431px; height:314px; overflow: scroll; left: 573px; top: 233px; visibility: visible; z-index: 3;"><br/>' +
' <img src="' + data.getElementsByTagName("imagen")[i].childNodes[0].nodeValue + '"width="20" hspace="5" vspace="5" align="right" class="imagenProductos" /><b class="titulo_productos">' + data.getElementsByTagName("titulo")[i].childNodes[0].nodeValue + '</b><br/>' +
' <b class="descripcion_productos">' + data.getElementsByTagName("description")[i].childNodes[0].nodeValue + '</b> <br/>' +
' <a href="' + data.getElementsByTagName("url")[i].childNodes[0].nodeValue + '" class="descripcion_productos"><b>' + data.getElementsByTagName("url")[i].childNodes[0].nodeValue + '</b></a> <br/>' +
' </div></td>' +
' </tr>'
}
o += '</table>';
return o;
}
}
var x = new xmlData;
var y = new xmlNotAParser;
var z = x.loadXML();
if (z != null) {
document.write(y.NotParseXML(z));
}
-->
</script>
</body>
</html>
Saludos,