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 |