XSLTProcessor: importStylesheet() Methode
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die importStylesheet()
-Methode des XSLTProcessor
-Interfaces importiert ein XSLT-Stylesheet für den Prozessor.
Syntax
js
importStylesheet(style)
Parameter
Rückgabewert
Keiner (undefined
).
Beispiele
Verwendung von importStylesheet()
Dieses Beispiel zeigt, wie importStylesheet()
ein XSLT-Stylesheet in einen XSLTProcessor
lädt, um XML-Daten zu transformieren.
HTML
html
<div id="result"></div>
JavaScript
js
const xmlString = `
<items>
<item>Item 1</item>
<item>Item 2</item>
</items>
`;
const xsltString = `
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<ul>
<xsl:for-each select="items/item">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
</xsl:template>
</xsl:stylesheet>
`;
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, "application/xml");
const xsltDoc = parser.parseFromString(xsltString, "application/xml");
const xsltProcessor = new XSLTProcessor();
// Import the XSLT stylesheet into the XSLTProcessor
xsltProcessor.importStylesheet(xsltDoc);
// Perform the transformation from XML to HTML
const resultFragment = xsltProcessor.transformToFragment(xmlDoc, document);
// Display the transformed result in the page
document.getElementById("result").appendChild(resultFragment);
Ergebnis
Spezifikationen
Specification |
---|
DOM Standard # dom-xsltprocessor-importstylesheet |
Browser-Kompatibilität
BCD tables only load in the browser