XSLTProcessor: importStylesheet() 方法

importStylesheet() 方法是 XSLTProcessor 接口的一部分，用于为处理器导入 XSLT 样式表。

语法

importStylesheet(style)

参数

style: 要导入的 Node。它可以是包含 XSLT 样式表的 XML 文档（即带有 Document 和 doctype 的文档，其 name 为 "xml"），也可以是文字结果元素转换，或表示 <xsl:stylesheet> 或 <xsl:transform> 的 Element。

返回值

无 (undefined).

示例

使用 importStylesheet()

此示例展示了如何将 XSLT 样式表加载到 XSLTProcessor 中，以便用于转换 XML 数据。

HTML

html

<div id="result"></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 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);

结果

规范

规范
DOM 标准 # dom-xsltprocessor-importstylesheet

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。