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⁩.

TheimportStylesheet() method of theXSLTProcessor interface imports an XSLT stylesheet for the processor.

Syntax

importStylesheet(style)

Parameters

style: TheNode to import. It can be an XML document (that is aDocument withdoctype whosename of"xml") containing an XSLT stylesheet or aliteral result element transform, or anElement representing an<xsl:stylesheet> or<xsl:transform>.

Return value

None (undefined).

Examples

Using importStylesheet()

This example shows howimportStylesheet() loads an XSLT stylesheet into anXSLTProcessor for use in transforming XML data.

HTML

html

<div></div>

JavaScript

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 XSLTProcessorxsltProcessor.importStylesheet(xsltDoc);// Perform the transformation from XML to HTMLconst resultFragment = xsltProcessor.transformToFragment(xmlDoc, document);// Display the transformed result in the pagedocument.getElementById("result").appendChild(resultFragment);