未捕获的NotFoundError:无法执行' appendChild' on'节点':新的子元素为空

时间:2014-05-12 15:14:47

标签: javascript html xml xslt

在尝试通过html上的xsl显示xml数据后,我遇到了奇怪的问题。当我在桌面上编译html文件时,没有出现任何问题。但是,当我将这些文件上传到我的服务器并编译html文件时,我在Opera最新版本上收到此错误消息:“未捕获NotFoundError:无法在'Node'上执行'appendChild':新的子元素为null

我在运行时遇到类似问题,在FF上说“ NS_ERROR_ILLEGAL_VALUE:组件返回失败代码:0x80070057(NS_ERROR_ILLEGAL_VALUE)[nsIXSLTProcessor.importStylesheet] ”。

它与我正在使用的w3school的代码完全相同,但令人惊讶的是这个问题在我身边发生......

您可以找到代码The full code XSLT - On the Client

xml文件::

<?xml version="1.0" encoding="UTF-8"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
</catalog> 

xsl file ::

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <body>
  <h2>My CD Collection</h2>
  <table border="1">
    <tr bgcolor="#9acd32">
      <th style="text-align:left">Title</th>
      <th style="text-align:left">Artist</th>
    </tr>
    <xsl:for-each select="catalog/cd">
    <tr>
      <td><xsl:value-of select="title" /></td>
      <td><xsl:value-of select="artist" /></td>
    </tr>
    </xsl:for-each>
  </table>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>

html文件::

<html>
<head>
<script>
function loadXMLDoc(filename)
{
if (window.ActiveXObject)
  {
  xhttp = new ActiveXObject("Msxml2.XMLHTTP");
  }
else
  {
  xhttp = new XMLHttpRequest();
  }
xhttp.open("GET", filename, false);
try {xhttp.responseType = "msxml-document"} catch(err) {} // Helping IE11
xhttp.send("");
return xhttp.responseXML;
}

function displayResult()
{
xml = loadXMLDoc("cdcatalog.xml");
xsl = loadXMLDoc("cdcatalog.xsl");
// code for IE
if (window.ActiveXObject || xhttp.responseType == "msxml-document")
  {
  ex = xml.transformNode(xsl);
  document.getElementById("example").innerHTML = ex;
  }
// code for Chrome, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  xsltProcessor = new XSLTProcessor();
  xsltProcessor.importStylesheet(xsl);
  resultDocument = xsltProcessor.transformToFragment(xml, document);
  document.getElementById("example").appendChild(resultDocument);
  }
}
</script>
</head>
<body onload="displayResult()">
<div id="example" />
</body>
</html>

任何想法为什么这些无意义的错误都出现在这些浏览器上......这个问题也出现在其他浏览器上,这只是我继续测试的一个例子。

1 个答案:

答案 0 :(得分:1)

http://www.w3schools.com/xsl/tryit.asp?filename=cdcatalog适用于Firefox和Opera,因此您的设置必须有所不同。例如,如果catalog.xsl文件没有使用正确的XML MIME类型,则XMLHttpRequest可能不会使用样式表代码填充responseXML属性,这可以解释Firefox在importStylesheet调用时抱怨的原因。