XSLTProcessor: Methode importStylesheet()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die Methode importStylesheet() der Schnittstelle XSLTProcessor importiert ein XSLT-Stylesheet für den Prozessor.
Syntax
js
importStylesheet(style)
Parameter
Rückgabewert
Keine (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 # dom-xsltprocessor-importstylesheet |