html table相关操作

shzqiang

于 2010-05-13 10:24:33 发布

阅读量123

点赞数

分类专栏： Web 文章标签： HTML C C++ C#

Web 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何使用JavaScript操作HTML表格，包括获取表格的行数、列数、单元格值，以及如何插入和删除表格行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

table样例


<table width="98%" border="0" align="center" cellpadding="3" cellspacing="1" class="table4" name='tbl' id="tbl">
	<colgroup>
	<col width="40%"/>
	<col width="15%"/>
	<col width="15%"/>
	<col width="15%"/>
	<col width="15%"/>
	</colgroup>
	<thead>
	    <tr>
	      <th nowrap>标题1</th>
	      <th nowrap>标题2</th>
	      <th nowrap>标题3</th>
	      <th nowrap>标题4</th>
	      <th nowrap>标题4</th>
	    </tr>
    </thead>
    <tbody id="tbody">   
            <tr>
	      <th nowrap>数据1</th>
	      <th nowrap>数据2</th>
	      <th nowrap>数据3</th>
	      <th nowrap>数据4</th>
	      <th nowrap>数据4</th>
	    </tr>
    </tbody>         		
 </table>

1.获取table行数
$("tbody").rows.length
2.获取table某行里的具体列数
$("tbody").rows[0].cells.length
3.获取单元格的值
$("tbody").rows[0].cells[0].innerText
4.插入列
var R=$("tbody").insertRow();
5.插入单元格
var cell = R.insertCell()
C.innerHTML="数据";
6.删除列
$("tbody").deleteRow(0);