当前页面: 开发资料首页 → Javascript 专题 → 过滤表格中的链接(用javascript提取表格中的数据)
过滤表格中的链接(用javascript提取表格中的数据)
摘要: 过滤表格中的链接(用javascript提取表格中的数据)
<table class=clsSysTab cellSpacing=0 borderColorDark=#ccffcc cellPadding=0 width="100%" align=center borderColorLight=#396942 border=1>
<tr class=clsSystab_trTitle>
<td align=middle>员工ID</td>
<td align=middle>中文姓名</td>
<td align=middle>英文姓名</td>
<td align=middle>部门ID</td>
<td align=middle>身份证号</td>
<td align=middle>出生日期</td>
<td align=middle>Email</td></tr>
<tr class=clsSysTab_trContent onmouseover="this.style.backgroundColor=#f0f5f7;" onmouseout="this.style.backgroundColor=; " vAlign=center align=middle>
<td>YG1454</td>
<td class=YgxxTableTD>fsdafs </td>
<td class=YgxxTableTD>fsadf </td>
<td class=YgxxTableTD>大 </td>
<td class=YgxxTableTD>fsadfsd </td>
<td class=YgxxTableTD>2001-10-16 </td>
<td class=YgxxTableTD>4234234 </td></tr>
<tr class=clsSysTab_trContent onmouseover="this.style.backgroundColor=#f0f5f7;" onmouseout="this.style.backgroundColor=; " vAlign=center align=middle>
<td>YG1445</td>
<td class=YgxxTableTD>sdds </td>
<td class=YgxxTableTD>dsd </td>
<td class=YgxxTableTD>组织结构 </td>
<td class=YgxxTableTD>fsdfd </td>
<td class=YgxxTableTD>2001-1-1 </td>
<td class=YgxxTableTD>fsdafs </td></tr>
<tr class=clsSysTab_trContent onmouseover="this.style.backgroundColor=#f0f5f7;" onmouseout="this.style.backgroundColor=; " vAlign=center align=middle>
<td>YGIII</td>
<td class=YgxxTableTD>李二 </td>
<td class=YgxxTableTD>lier </td>
<td class=YgxxTableTD>组织结构 </td>
<td class=YgxxTableTD>43423423423 </td>
<td class=YgxxTableTD>1977-9-9 </td>
<td class=YgxxTableTD>4gsdfgdfsg </td></tr>
<tr class=clsSysTab_trContent onmouseover="this.style.backgroundColor=#f0f5f7;" onmouseout="this.style.backgroundColor=; " vAlign=center align=middle>
<td>ccc</td>
<td class=YgxxTableTD>ccc </td>
<td class=YgxxTableTD>cccc </td>
<td class=YgxxTableTD>技术一部 </td>
<td class=YgxxTableTD>11111 </td>
<td class=YgxxTableTD>1977-9-9 </td>
<td class=YgxxTableTD>ccc </td></tr>
<tr class=clsSysTab_trContent onmouseover="this.style.backgroundColor=#f0f5f7;" onmouseout="this.style.backgroundColor=; " vAlign=center align=middle>
<td>cdg1428</td>
<td class=YgxxTableTD>dasd </td>
<td class=YgxxTableTD>dasda </td>
<td class=YgxxTableTD>组织结构 </td>
<td class=YgxxTableTD>3213123 </td>
<td class=YgxxTableTD>2001-9-4 </td>
<td class=YgxxTableTD>eqweqwe </td></tr>
<tr class=clsSysTab_trContent onmouseover="this.style.backgroundColor=#f0f5f7;" onmouseout="this.style.backgroundColor=; " vAlign=center align=middle>
<td>test</td>
<td class=YgxxTableTD>test </td>
<td class=YgxxTableTD>test </td>
<td class=YgxxTableTD>组织结构 </td>
<td class=YgxxTableTD>32132 </td>
<td class=YgxxTableTD>1977-9-9 </td>
<td class=YgxxTableTD>test.com </td></tr>
<tr class=clsSysTab_trContent onmouseover="this.style.backgroundColor=#f0f5f7;" onmouseout="this.style.backgroundColor=; " vAlign=center align=middle>
<td>hestia2</td>
<td class=YgxxTableTD>小猫 </td>
<td class=YgxxTableTD>hestia2 </td>
<td class=YgxxTableTD>食品分公司 </td>
<td class=YgxxTableTD>4237498234 </td>
<td class=YgxxTableTD>2001-9-2 </td>
<td class=YgxxTableTD>fdsf@fdsaf.com </td></tr>
<tr class=clsSysTab_trContent onmouseover="this.style.backgroundColor=#f0f5f7;" onmouseout="this.style.backgroundColor=; " vAlign=center align=middle>
<td>hestia1</td>
<td class=YgxxTableTD>诺亚 </td>
<td class=YgxxTableTD>hestia1 </td>
<td class=YgxxTableTD>部门A </td>
<td class=YgxxTableTD>456123 </td>
<td class=YgxxTableTD>2001-9-3 </td>
<td class=YgxxTableTD>aa@aa.com </td></tr>
<tr class=clsSysTab_trContent onmouseover="this.style.backgroundColor=#f0f5f7;" onmouseout="this.style.backgroundColor=; " vAlign=center align=middle>
<td>cdg1421</td>
<td class=YgxxTableTD>aasdf </td>
<td class=YgxxTableTD>asfd </td>
<td class=YgxxTableTD>食品分公司 </td>
<td class=YgxxTableTD>21341234 </td>
<td class=YgxxTableTD>2001-9-18 </td>
<td class=YgxxTableTD>asdf </td></tr>
<tr class=clsSysTab_trContent onmouseover="this.style.backgroundColor=#f0f5f7;" onmouseout="this.style.backgroundColor=; " vAlign=center align=middle>
<td>cdg1420</td>
<td class=YgxxTableTD>asdf </td>
<td class=YgxxTableTD>asdf </td>
<td class=YgxxTableTD>组织结构 </td>
<td class=YgxxTableTD>22222222229999999999 </td>
<td class=YgxxTableTD>2001-9-18 </td>
<td class=YgxxTableTD>dffsdfsd </td></tr></table>
----------------------------------------------------下面是过滤过的效果
<script>
var td_num=document.all.tags("td").length;
var tr_num=document.all.tags("tr").length;
var cols=td_num/tr_num;
var i,j;
document.write ("<table border=1")
document.write (document.all.tags("td")((i*cols-8)+j).innerText);
document.write ("\n</td>");
}
document.write ("\n</tr>");
}
document.write ("</table>")
</script>
↑返回目录
前一篇: Javascript的history对象
后一篇: Trim Function in JavaScript