XSLTProcessor: importStylesheet() method
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.
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 Standard # dom-xsltprocessor-importstylesheet |
Browser compatibility
BCD tables only load in the browser