xml transformNode xsl

<html>
<body>

<script type="text/javascript">

// Load XML
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("a.xml")

// Load XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("a.xsl")

// Transform
//document.write(xml.transformNode(xsl))

</script>
<div id="myDiv" style="border:solid red 1px;">
</div>
</body>
</html>
<script>
var obj = document.getElementById("myDiv");
alert(obj);
obj.innerHTML = xml.transformNode(xsl);
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用XSLT(XSL Transformations)来将XML转换为HTML,以下是一个示例: XML文件(example.xml): ```xml <?xml version="1.0" encoding="UTF-8"?> <catalog> <book id="001"> <author>John Doe</author> <title>XML for Dummies</title> <genre>Computer</genre> <price>44.95</price> <publish_date>2000-12-16</publish_date> <description>An in-depth look at creating applications with XML.</description> </book> <book id="002"> <author>Jane Smith</author> <title>HTML for Dummies</title> <genre>Computer</genre> <price>39.95</price> <publish_date>2001-12-01</publish_date> <description>Learn HTML quickly and easily.</description> </book> </catalog> ``` XSL文件(example.xsl): ```xml <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/"> <html> <body> <h2>Book Catalog</h2> <table border="1"> <tr bgcolor="#9acd32"> <th style="text-align:left">Title</th> <th style="text-align:left">Author</th> <th style="text-align:left">Genre</th> <th style="text-align:left">Price</th> <th style="text-align:left">Publish Date</th> <th style="text-align:left">Description</th> </tr> <xsl:for-each select="catalog/book"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="author"/></td> <td><xsl:value-of select="genre"/></td> <td><xsl:value-of select="price"/></td> <td><xsl:value-of select="publish_date"/></td> <td><xsl:value-of select="description"/></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet> ``` 在浏览器中打开HTML文件,并将XMLXSL文件作为参数传递给transformNode方法: ```html <!DOCTYPE html> <html> <head> <title>XML to HTML using XSLT</title> </head> <body> <script> var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = false; xmlDoc.load("example.xml"); var xslDoc = new ActiveXObject("Microsoft.XMLDOM"); xslDoc.async = false; xslDoc.load("example.xsl"); document.write(xmlDoc.transformNode(xslDoc)); </script> </body> </html> ``` 运行HTML文件,将会显示一个带有XML数据的HTML表格。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值