js操作table 比较急谢谢你啊

我想用js在下面的2个tr上加上thead怎么加
<thead>
<tr style="color:#F7F7F7;background-color:#003366;font-size:8pt;">
<td colspan="2">test INFORMATION </td>
<td colspan="1">test 2 </td>
</tr>
<tr style="color:#F7F7F7;background-color:#003366;font-size:8pt;">
<th scope="col">name </th>
<th scope="col">desc </th>
<th scope="col">UPC </th>
</tr>
</thead> <TABLE style="FONT-SIZE: 11px" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV>
<TABLE id=GridView1>
<tr style="color:#F7F7F7;background-color:#003366;font-size:8pt;">
<td colspan="2">test INFORMATION </td>
<td colspan="1">test 2 </td>
</tr>
<tr style="color:#F7F7F7;background-color:#003366;font-size:8pt;">
<th scope="col">name </th>
<th scope="col">desc </th>
<th scope="col">UPC </th>
</tr> <tr>
<td>test 1 </td>
<td>test 2 </td>
<td>test3 </td>
</tr>
</TABLE>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

其实，表格在内存中已经存在tbody的，可以使用tbody进行处理alert(document.getElementById("GridView1").innerHTML)
http://log-cd.javaeye.com/blog/296508
    oTCaption=oTable.createCaption();
    oTHead=oTable.createTHead();
    oTFoot=oTable.createTFoot();
定义和用法
createCaption() 方法用于在表格中获取或创建 <caption> 元素。语法
tableObject.createCaption()返回值
返回一个 HTMLElement 对象，表示该表的 <caption> 元素。如果该表格已经有了标题，则返回它。如果该表没有 <caption> 元素，则创建一个新的空 <caption> 元素，把它插入表格，并返回它。
http://www.w3school.com.cn/htmldom/met_table_createcaption.asp实例
下面的例子为表格创建了一个标题：<html>
<head>
<script type="text/javascript">
function createCaption()
{
var x=document.getElementById('myTable').createCaption()
x.innerHTML="My table caption"
}
</script>
</head>
<body><table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
</table>
<br />
<input type="button" onclick="createCaption()"
value="Create caption"></body>
</html>
贴错了
定义和用法
createTHead() 方法用于在表格中获取或创建 <thead> 元素。语法
tableObject.createTHead()返回值
返回一个 TableSection，表示该表的 <thead> 元素。如果该表格已经有了表头，则返回它。如果该表没有表头，则创建一个新的空 <thead> 元素，把它插入表格，并返回它。
http://www.w3school.com.cn/htmldom/met_table_createthead.asp实例
下面的例子为表格创建了一个脚注：<html>
<head>
<script type="text/javascript">
function createCaption()
{
var x=document.getElementById('myTable').createTHead()
x.innerHTML="My table head"
}
</script>
</head>
<body><table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
</table>
<br />
<input type="button" onclick="createCaption()"
value="Create caption"></body>
</html>
http://topic.csdn.net/u/20090531/19/982e44ca-3603-453d-a110-07e7c7659823.html
原来发了2次～～
<html><head><title></title></head><body>
<table id="testTbl" border=1>
<tr>
<td>
  产品名称
</td>
<td>
  产品数量
</td>
<td>
产品单价
</td>
</tr>
<tr>
<td>
<select name="a">
   <option value="电子">电子</option>
   <option value="电器">电器</option>
</select></td>
<td>
    <input type="text" name="b">
     </td>
<td>
    <input type="text" name="c">
     </td>
</td>
</table><input type="button" name="Submit2" value="添加" onclick="addRow()"><script>
function addRow(){//添加行
var newTr = testTbl.insertRow();//添加列var newTd0 = newTr.insertCell();var newTd1 = newTr.insertCell();var newTd2 = newTr.insertCell();var newTd3 = newTr.insertCell();//设置列内容和属性
newTd0.innerText = document.all("a").options[document.all("a").selectedIndex].text; newTd1.innerText = document.all("b").value;newTd2.innerText = document.all("c").value;newTd3.innerHTML= '<input type="button" name="del" value="删除" onclick="del(this)">';}
function del(o)
{
var   t=document.getElementById('testTbl');
  t.deleteRow(o.parentNode.parentNode.rowIndex)
}
</script>
</body></html>
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/laolaowhn/archive/2008/05/04/2384009.aspx
感觉上面的都不是我要的贴的不是我想要的效果我是表格后台生成已经是这样的啦
<TABLE style="FONT-SIZE: 11px" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV>
<TABLE id=GridView1>
<tr style="color:#F7F7F7;background-color:#003366;font-size:8pt;">
<td colspan="2">test INFORMATION </td>
<td colspan="1">test 2 </td>
</tr>
<tr style="color:#F7F7F7;background-color:#003366;font-size:8pt;">
<th scope="col">name </th>
<th scope="col">desc  </th>
<th scope="col">UPC </th>
</tr>
<tr>
<td>test 1 </td>
<td>test 2 </td>
<td>test3 </td>
</tr>
</TABLE>
我想通过js来实现加thead
<tr style="color:#F7F7F7;background-color:#003366;font-size:8pt;">
<td colspan="2">test INFORMATION </td>
<td colspan="1">test 2 </td>
</tr>
<tr style="color:#F7F7F7;background-color:#003366;font-size:8pt;">
<th scope="col">name </th>
<th scope="col">desc  </th>
<th scope="col">UPC </th>
</tr>
如果只有一个<tr style="color:#F7F7F7;background-color:#003366;font-size:8pt;">
<td colspan="2">test INFORMATION </td>
<td colspan="1">test 2 </td>
</tr>  那通过下面的js就可以啦function AddTHEAD(tableName)
{
   var table = document.getElementById(tableName);
   if(table != null)
   {
    var head = document.createElement("THEAD");
    head.style.display = "table-header-group";
    head.appendChild(table.rows[0]);
    table.insertBefore(head, table.childNodes[0]);
   }
}
<script type="text/javascript">
//<![CDATA[
var tb = document.getElementById('GridView1');
var thd = document.createElement('thead');
var tr1 = tb.rows[0];
var tr2 = tb.rows[1];
tb.insertBefore( thd, tb.firstChild );
thd.appendChild( tr1 );
thd.appendChild( tr2 );
alert(tb.innerHTML);
alert(tr1.innerHTML);
alert(tr2.innerHTML);
//]]>
</script> 可以实现啦

js操作table 比较急 谢谢你啊

解决方案 »

js操作table 比较急谢谢你啊