如何转换XML到HTML表格-XML/RSS教程-PHP中文网

如何转换XML到HTML表格

月夜之吻

发布： 2025-09-25 12:59:01

原创

289人浏览过

<books>
  <book id="bk101">
    <title>Everyday Italian</title>
    <author>Giada De Laurentiis</author>
    <year>2005</year>
    <price>30.00</price>
  </book>
  <book id="bk102">
    <title>Harry Potter</title>
    <author>J.K. Rowling</author>
    <year>1997</year>
    <price>25.00</price>
  </book>
</books>

登录后复制

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:template match="/books">
    <html>
      <head>
        <title>图书列表</title>
        <style>
          table { width: 100%; border-collapse: collapse; }
          th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
          th { background-color: #f2f2f2; }
        </style>
      </head>
      <body>
        <h1>我的图书收藏</h1>
        <table>
          <thead>
            <tr>
              <th>ID</th>
              <th>书名</th>
              <th>作者</th>
              <th>出版年份</th>
              <th>价格</th>
            </tr>
          </thead>
          <tbody>
            <xsl:for-each select="book">
              <tr>
                <td><xsl:value-of select="@id"/></td>
                <td><xsl:value-of select="title"/></td>
                <td><xsl:value-of select="author"/></td>
                <td><xsl:value-of select="year"/></td>
                <td><xsl:value-of select="price"/></td>
              </tr>
            </xsl:for-each>
          </tbody>
        </table>
      </body>
    </html>
  </xsl:template>
</xsl:stylesheet>

登录后复制

const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, "text/xml");

登录后复制

const table = document.createElement('table');
// ... 创建表头 ...
const books = xmlDoc.getElementsByTagName("book");
for (let i = 0; i < books.length; i++) {
    const book = books[i];
    const row = table.insertRow();
    row.insertCell().textContent = book.getAttribute('id');
    row.insertCell().textContent = book.getElementsByTagName('title')[0].textContent;
    // ... 插入其他单元格 ...
}
document.getElementById('output').appendChild(table);

登录后复制

import xml.etree.ElementTree as ET

xml_string = "<books>...</books>" # 你的XML数据
root = ET.fromstring(xml_string)

html_output = "<table><thead>...</thead><tbody>"
for book in root.findall('book'):
    html_output += "<tr>"
    html_output += f"<td>{book.get('id')}</td>"
    html_output += f"<td>{book.find('title').text}</td>"
    # ... 其他字段 ...
    html_output += "</tr>"
html_output += "</tbody></table>"
# 将html_output发送给客户端

登录后复制

以上就是如何转换XML到HTML表格的详细内容，更多请关注php中文网其它相关文章！