The following code is based on an example found on the w3schools site. It works great in Firefox, Chrome and IE 8. I cannot get it to display anything in IE 10 though. Can anyone offer a fix/solution that will work in IE 10?

Thanks

Code:
<html>
<head>
<link rel="shortcut icon" href="icons/books.ico" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<title>Books I've Read</title>
<script language="javascript"> 
function loadXMLDoc(dname)
{
    if (window.XMLHttpRequest)
    {
        xhttp=new XMLHttpRequest();
    }
    else
    {
        xhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }	
    xhttp.open("GET",dname,false);
    xhttp.send("");
    return xhttp.responseXML;
}
function displayResult()
{
    var xml;
    var xsl;
    var ex;
    var resultDocument
   
   xml = loadXMLDoc("Books.xml");
   xsl = loadXMLDoc("Books.xsl");
   // code for IE
   if (window.ActiveXObject)
   {
        ex=xml.transformNode(xsl);
        document.getElementById("reading").innerHTML=ex;
   }
   
   // code for Mozilla, FireFox, Opera, etc.
   else if (document.implementation && document.implementation.createDocument)
   {
        xsltProcessor=new XSLTProcessor();
        xsltProcessor.importStylesheet(xsl);
        resultDocument = xsltProcessor.transformToFragment(xml,document);
        document.getElementById("reading").appendChild(resultDocument);
   }
}
</script></head><body onload="displayResult()" background="images/greenBack.gif"><div id="reading" /></body></html>