XSLTProcessor: transformToFragment() Methode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die transformToFragment()-Methode der XSLTProcessor-Schnittstelle transformiert eine bereitgestellte Node-Quelle in ein DocumentFragment unter Verwendung des mit dem XSLTProcessor verbundenen XSLT-Stylesheets.
Syntax
js
transformToFragment(source, document)
Parameter
Rückgabewert
Ein DocumentFragment.
Beispiele
>Verwenden von transformToFragment()
Dieses Beispiel zeigt, wie transformToFragment() verwendet wird, um XML-Daten in HTML zu transformieren, das dann direkt als Dokumentfragment in den DOM eingefügt werden kann.
HTML
html
<div id="result"></div>
JavaScript
js
const xmlString = `
<books>
<book>
<title>Book 1</title>
<author>Author 1</author>
</book>
<book>
<title>Book 2</title>
<author>Author 2</author>
</book>
</books>
`;
const xsltString = `
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html"/>
<xsl:template match="/">
<ul>
<xsl:for-each select="books/book">
<li>
<strong><xsl:value-of select="title"/></strong>
by <em><xsl:value-of select="author"/></em>
</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();
xsltProcessor.importStylesheet(xsltDoc);
// Perform the transformation, returning the result as a document fragment
const resultFragment = xsltProcessor.transformToFragment(xmlDoc, document);
// Insert the result into the page
document.getElementById("result").appendChild(resultFragment);
Ergebnis
Spezifikationen
| Specification |
|---|
| DOM> # dom-xsltprocessor-transformtofragment> |