將XSL標記附加到HTML DOM元素

Question

如果我有一個空的XSL文檔，如下所示：

<body>
   <div id="myList">

   </div>
</body>

如何訪問div標簽並將XSL附加到標簽上？ 例如，我想在我的js代碼中執行以下操作，但不輸出任何內容。 但是，如果我手動將innerHTML值插入div標簽，則它可以工作：

document.getElementById("myList").innerHTML = `<xsl:value-of select="Movies/Authors/FirstName"/>`

我嘗試使用不同的引用樣式，但是似乎無法獲得預期的輸出。 有沒有辦法解決？

Answer 1

假設您具有XSLT樣式表作為XML DOM文檔，並且具有支持XML元素上的innerHTML的瀏覽器的最新版本（我已經在Windows 10 Creators Update上成功測試了Chrome，Firefox和Edge的當前版本），可以使用例如

 var xslString = `<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:template match="Root"> <div id="myList"> </div> </xsl:template> </xsl:stylesheet>`; var xmlString = `<Root> <Movies> <Authors> <FirstName>Steven</FirstName> </Authors> </Movies> </Root>`; var domParser = new DOMParser(); var xsltDoc = domParser.parseFromString(xslString, 'application/xml'); var xmlDoc = domParser.parseFromString(xmlString, 'application/xml'); var div = xsltDoc.querySelector('#myList'); div.innerHTML = `<xsl:value-of select="Movies/Authors/FirstName"/>`; var proc = new XSLTProcessor(); proc.importStylesheet(xsltDoc); document.getElementById('result').appendChild(proc.transformToFragment(xmlDoc, document));

 <section> <h1>Result</h1> <div id="result"></div> </section>

將XSL標記附加到HTML DOM元素

問題描述

1 個解決方案

解決方案1
1 已采納 2017-05-23 16:03:05

將XSL標記附加到HTML DOM元素

問題描述

1 個解決方案

解決方案1 1 已采納 2017-05-23 16:03:05

解決方案1
1 已采納 2017-05-23 16:03:05