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

style

Der zu importierende Node. Es kann sich um ein XML-Dokument handeln (das ist ein Document mit doctype dessen name "xml" ist), das ein XSLT-Stylesheet oder eine literal result element transform enthält, oder um ein Element, das ein <xsl:stylesheet> oder <xsl:transform> darstellt.

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
# dom-xsltprocessor-importstylesheet

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
importStylesheet

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support