如何根据xml数据移动表格中的单元格？答案

【问题标题】：How to move a cell in a table based on xml data?如何根据xml数据移动表格中的单元格？
【发布时间】：2015-01-16 17:34:44
【问题描述】：

我正在 html 的表格中创建电视动画指南。我有一个包含名称、开始时间、结束时间等所有数据的 xml 文件。我希望将表中的单元格放置在 xml 文件数据在 html 中显示的开始时间和结束时间之间的正确位置桌子。我怎样才能做到这一点？该表仅显示时间，例如上午 9 点、上午 10 点......但如下表所示，一集可能在 9.30 到 10.30 之间开始。例如，对泰坦的攻击从 9.30 开始，到 10.30 结束，死亡笔记从 12 点开始，到 1 点结束。我在想一些人如何通过表格单元格中的 id 来做到这一点，但我对如何做一无所知。

如何仅通过从 xml 文件中获取信息将单元格（动漫节目）置于特定时间？

示例如下：

这是 XML 文件：

<?xml version="1.0" encoding="UTF-8"?><anime_data>
<anime id="1">
<action_adventure_channel>
    <name>Attach on Titan</name>
    <start_time>09.30am</start_time>
    <end_time>10.30am</end_time>
</action_adventure_channel>
</anime>
<anime id="2">
<crime_drama_channel>
    <name>Death Note</name>
    <start_time>12.00pm</start_time>
    <end_time>1.00pm</end_time>
</crime_drama_channel>
</anime></anime_data>

这是 HTML 文件：

<!DOCTYPE html>

<html><head><title>Anime</title>
<link rel="stylesheet" type="text/css" href="anime.css">
</head>
<body>
<table style="width:100%">
  <tr>
    <th class = "table-main">Channel</th>
    <th class = "time" id ="9.00am">9AM</th>
    <th class = "time" id ="9.30am"></th>
    <th class = "time" id ="10.00am">10AM</th>
    <th class = "time" id ="10.30am"></th>
    <th class = "time" id ="11.00am">11AM</th>
    <th class = "time" id ="11.30am"></th>
    <th class = "time" id ="12.00pm">12PM</th>
    <th class = "time" id ="12.30pm"></th>
    <th class = "time" id ="1.00pm">1PM</th>

  </tr>

  <tr>
    <td class = "table-main">Action/Adventure</td>
    <td>
    <?php
        $xml=simplexml_load_file("anime.xml") or die("Error: Cannot create object");
        echo $xml->anime[0]->action_adventure_channel->name;        
    ?>


    </td>
  </tr>
  <tr>
    <td class = "table-main">Crime/Drama</td>
    <td>
    <?php
        $xml=simplexml_load_file("anime.xml") or die("Error: Cannot create object");
        echo $xml->anime[1]->crime_drama_channel->name;     
    ?>
    </td>
  </tr>
</table>
</body>
</html>

【问题讨论】：

你能发一个小提琴OP吗？
嗨，Kaal，这是一个问题。尝试将它们分解，正确标记它们，并展示您尝试过的内容。您将在 SO 上获得更多关注和答案。
没关系，我正在尝试自己这样做。谢谢大家！

标签： javascript php html css xml

【解决方案1】：

我认为最简单的方法是使用 div 和 span。

<div>
    <span style="width: 100px;">action...</span>
    <span style="width:xxxx; margin-left:yyyyy;">attack on...</span>

</div>

然后你必须计算 widht xxxx 和 margin-left yyyy 以在正确的位置显示元素。

【讨论】：

没关系，我正在尝试自己这样做。谢谢大家！