[请教]如何使用JS给TD动态分配ID?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<LINK href="style.css" rel=stylesheet>
<title>东方历史</title>
<script language="JavaScript">
<!--
function show(o) {
var t = o.parentNode.nextSibling;
var io = t.style.display == ""
t.nextSibling.style.display =  io ? "none" : "";
t.style.display = io ? "none" : "";
};
//-->
</script>
</head><body>
<xml id="xmldata" src="data.xml"></xml>
<table datasrc="#xmldata" align="center" width="764" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
  <Fieldset width='764' height=auto><Legend><div datafld="类别" style="font-size:18px " onclick="show(this)"></div></Legend>
    <table datasrc="#xmldata" datafld="资料" align="center" cellpadding="4" class="lanyu" width="740" cellspacing="0" style="display:none">
      <thead>
        <th width="30" style="BORDER-right: #ffffff 1px solid;">序号</th>
        <th style="BORDER-right: #ffffff 1px solid;">标题</th>
        <th width="120" style="BORDER-right: #ffffff 1px solid;">整理人</th>
        <th width="60">加入时间</th>
     </thead>
     <tr onmouseover="this.bgColor='#D6DEF3';" onmouseout="this.bgColor='#ffffff';" style="cursor:default">
        <td style="BORDER-TOP: #95acc6 1px solid;BORDER-right: #95acc6 1px solid;"><div datafld="序号"></div></td>
        <td style="BORDER-TOP: #95acc6 1px solid;BORDER-right: #95acc6 1px solid;"><a datafld="url" target="_blank" ><div datafld="标题"></div></a></td>
        <td style="BORDER-TOP: #95acc6 1px solid;BORDER-right: #95acc6 1px solid;"><div datafld="整理人"></div></td>
        <td style="BORDER-TOP: #95acc6 1px solid;" ><div datafld="加入时间"></div></td>
     </tr>
   </table><br style="display:none"/>
  </Fieldset><br/>
</td>
</tr>
</table>
</body>
</html>