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

Browser-Kompatibilität

BCD tables only load in the browser