XSLTProcessor: importStylesheet() method
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
The importStylesheet() method of the XSLTProcessor interface imports an XSLT stylesheet for the processor.
Syntax
js
importStylesheet(style)
Parameters
Return value
None (undefined).
Examples
Using importStylesheet()
This example shows how importStylesheet() loads an XSLT stylesheet into an XSLTProcessor for use in transforming XML data.
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);
Result
Specifications
| Specification |
|---|
| DOM # dom-xsltprocessor-importstylesheet |