Javascript 如何动态创建表？

我有这样的XML：

<root>
    <object a1="0" b1="2" c1="12/01" a2="0" b2="2" c2="12/03" a3="0" b3="2" c3="12/06"/>
    <object a1="0" b1="2" c1="12/01" a2="0" b2="2" c2="12/03" />
    <object />
</root>

对于对象[1]：

但是我不知道如何使用XSLT来完成这个循环，因为每个属性都有不同的名称。 你能帮我解决这个问题吗？ 我应该使用JavaScript来解析属性吗

预期的HTML：

<table>
<tr>
  <td>a1 value</td>
  <td>b1 value</td>
  <td>c1 value</td>
</tr>
<tr>
  <td>a2 value</td>
  <td>b2 value</td>
  <td>c2 value</td>
</tr>
<tr>
  <td>a3 value</td>
  <td>b3 value</td>
  <td>c3 value</td>
</tr>
</table>

---

行数取决于对象中属性的数量

下面是一个使用jQuery的工作示例

var attrs=['a'，'b'，'c']； var html=； $xml.find'object'。每个函数i{ var ctr=1， $obj=$this； html+=‘表格’+i+1+； 做{ html+=； $.eachattrs，函数u，字母{ html++$obj.attrletter+ctr+； }; ctr=$obj.attr'a'+ctr+1！==未定义？ctr+1:-1； html+=； }ctr>0； html+=； }; $'body'.html 它假设，如果第一个属性a具有一行的值，那么该行的所有其他属性也将存在

---

您可以发布预期的输出HTML代码吗？属性是否都具有与所示相同的命名协议？即字母和增量行数行数取决于对象中属性的数量。到底是怎么回事？

----------------------------
a1 value | b1 value | c1 value|
----------------------------
a2 value | b2 value | c2 value|
----------------------------

<table>
<tr>
  <td>a1 value</td>
  <td>b1 value</td>
  <td>c1 value</td>
</tr>
<tr>
  <td>a2 value</td>
  <td>b2 value</td>
  <td>c2 value</td>
</tr>
<tr>
  <td>a3 value</td>
  <td>b3 value</td>
  <td>c3 value</td>
</tr>
</table>