Estoy preparando algo en el que necesito cargar archivos HTML externos en un div mediante JS. Estas son las funciones que prepare:
Código HTML:
 function setAllLns (idLns,idCnt) 
{
	var lns = document.getElementById(idLns).getElementsByTagName('li'), lnsCn = lns.length;
	var cnt = document.getElementById(idCnt);
	//
	for (var i = 0; i < lnsCn; i++) setLn( lns[i] );
	// 
	function setLn (ln)
	{
		var lnA = ln.getElementsByTagName('a')[0];
		//var lnR = getXML(lnA.href);
		var lnR = getXML('pag1.html');
		var lnT = lnA.innerHTML;
		//
		ln.innerHTML = lnT;
		ln.className = 'lnNrm';
		//
		ln.onmouseover = function ()
		{
			this.className = 'lnOvr';
			this.style.cursor = 'pointer';
		}
		ln.onmouseout = function ()
		{
			this.className = 'lnNrm';
		}
		ln.onclick = function ()
		{
			//cnt.innerHTML = lnR;
			alert (lnR);
		}
	}
}
function getXML (xmlFile)
{
    var xhttp = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    xhttp.open('GET',xmlFile,false);
    xhttp.send('');
    return xhttp.responseXML;
};
Tengo una muestra de como lo estoy aplicando aca, por si necesitan verlo en detalle. De antemano gracias a cualquier ayuda o idea que me puedan facilitar.
 
 

