js 插入thead
<!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=utf-8" /><title>无标题文档</title><style type="text/css">thead { color:red; }</style><script type="text/javascript">window.onload = function() { //前2行套上thead标签 var table = document.getElementById('tab1'); var row_01 = table.getElementsByTagName('tr')[0]; var row_02 = table.getElementsByTagName('tr')[1]; var cloneRow_01 = row_01.cloneNode(true); var cloneRow_02 = row_02.cloneNode(true); var thead = document.createElement('thead'); var tbody = table.getElementsByTagName('tbody')[0]; thead.appendChild(cloneRow_01); thead.appendChild(cloneRow_02); tbody.removeChild(row_01); tbody.removeChild(row_02); table.insertBefore(thead, tbody);}</script></head><body> <table id="tab1" border="1"> <tr> <td>A</td> <td>B</td> </tr> <tr> <td>A1</td> <td>B1</td> </tr> <tr> <td>A2</td> <td>B2</td> </tr> <tr> <td>A3</td> <td>B3</td> </tr> </table></body></html>