为表格增加的方法

HTML DOM还为<table>、<tbody>和<tr>元素添加了一些属性和方法。

为<table>元素添加的属性和方法如下。

caption:保存着对<caption>元素(如果有)的指针。

tBodies:是一个<tbody>元素的HTMLCollection。

tFoot:保存着对<tfoot>元素(如果有)的指针。

tHead:保存着对<thead>元素(如果有)的指针。

rows:是一个表格中所有行的HTMLCollection。

createTHead():创建<thead>元素,将其放到表格中,返回引用。

createTFoot():创建<tfoot>元素,将其放到表格中,返回引用。

createCaption():创建<caption>元素,将其放到表格中,返回引用。

deleteTHead():删除<thead>元素。

deleteTFoot():删除<tfoot>元素。

deleteCaption():删除<caption>元素。

deleteRow(pos):删除指定位置的行。

insertRow(pos):向rows集合中的指定位置插入一行。

为<tbody>元素添加的属性和方法如下。

rows:保存着<tbody>元素中行的HTMLCollection。


    deleteRow(pos):删除指定位置的行。

insertRow(pos):向rows集合中的指定位置插入一行,返回对新插入行的引用。

为<tr>元素添加的属性和方法如下。

cells:保存着<tr>元素中单元格的HTMLCollection。

deleteCell(pos):删除指定位置的单元格。

insertCell(pos):向cells集合中的指定位置插入一个单元格,返回对新插入单元格的引用。

使用这些属性和方法,可以极大地减少创建表格所需的代码数量。

时间: 2024-12-28 14:58:12

为表格增加的方法的相关文章

向DataGrid数据表格增加查询搜索框

向DataGrid数据表格增加查询搜索框 效果如下: js代码: $(function(){ var dg = $('#dg').datagrid({ url:"${pageContext.request.contextPath}/OfferServlet",//servlet路径 columns:[[ {field:'offerid',title:'商品ID',width:100}, {field:'offername',title:'商品名称',width:100}, {field

增加swap方法

java环境内存不够用 swap在工作中,特别是java环境,程序写的有问题,会发生内存泄漏,可能会占用swap. 协调让开发改程序,运维可以临时增大swap.增加swap方法 创建一个块文件 dd  if=/dev/zero of=/tmp/100m  bs=1M   count=100 [[email protected] ~]# dd  if=/dev/zero of=/tmp/100m  bs=1M count=100 100+0 records in 100+0 records out

表格增加一行/删除一行

1,点击按钮,表格增加/删除一行,表格可编辑 HTML: <div class="handle_tab_box clearfix"> <button class="removeRow_btn" onclick="delrow()">删除</button> <button class="addRow_btn" onclick="addrow()">增加</

使用文档对象在页面上创建学生信息表。 信息表包括学号、姓名、性别、电子邮件、联系电话、个人主页和联系地址, 信息表内容通过表单输入,提交前先使用正则表达式进行验证,联系地址不能超过20个字符, 每输入一名学生的信息,提交后,表格增加一行,表格不能被选择、复制。

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <!--        描述:使用文档对象在页面上创建学生信息表.        信息表包括学号.姓名.性别.电子邮件.联系电话.个人主页和联系地址,        信息表内容通过表单输入,提交前先使用

selenium webdriver 表格的定位方法练习

selenium webdriver 表格的定位方法 html 数据准备 <html> <body> <div id="div1"> <input name="divl1input"></input> <a href="http://www.sogou.com/">搜狗搜索</a> <img alt="div1-img1 "src=&qu

基于jQuery表格增加删除代码

基于jQuery表格增加删除代码是一款动态增加删减表格行特效代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div style="width:720px;margin:20px auto;"> <table id="tab11" style="display: none"> <tbody> <tr> <td height="30" align=&

PHP Excel表格导出图片方法

1.进入PHP Excel官网后,找到右边的download按钮,下载,下载完成的是一个压缩文件,解压放到你的项目目录里. 2.查看解压文件是否有PHPExcel_Worksheet_Drawing图片文件类. 3.创建一个excel.php文件,开始编写PHP Excel到出. 实例代码: <?php /** * PHP Excel表格导出图片方法 * 2015-07-30 巴亚云 */ function ExcelCustomers(){ /*引入phpexcel核心类文件*/ includ

php导出表格两种方法 ——PhpExcel的列子

php常用的导出表格有两种方法,第一种是输出表格,这种方法打开的时候有警告提示,一般导出表格会用phpexcel,这个导出比较灵活,而且还可以设置表格的样式. 第一种导出例子 /** * 执行导出 * @param unknown $result 数据源 */ function Excel($result,$fileName='',$Key=''){ $fileName = iconv('utf-8', 'gbk',$fileName); header("Content-type:text/ht

C# Dictionary增加的方法

1.简单的函数,实现Dictionary如果有就替换,没有就增加的功能. /// <summary>        /// Dictionary增加的方法        /// </summary>        /// <typeparam name="TKey"></typeparam>        /// <typeparam name="TValue"></typeparam>