示例-创建表格-指定行列&删除表格的行和列

<body>
<script type="text/javascript">

/*
*上面的方法和你麻烦。
*既然操作的是表格,
*那么最方便的方式就是使用表格节点对象的方法。
*
*表格是由行组成。表格节点对象中insertRow方法就完成了创建行并添加的动作。
*
*行是有单元格组成。通过tr节点对象的insertCell来完成。
*/

function
crtTable(){
var oTabNode =
document.createElement("table");

oTabNode.setAttribute("id","tabid");

var
rowVal = parseInt(document.getElementsByName("rownum")[0].value);
var
colVal =
parseInt(document.getElementsByName("celnum")[0].value);

for(var
x=1;x<=rowVal;x++){
var oTrNode =
oTabNode.insertRow();
for(var y =1;y<=colVal;y++){
var
oTdNode = oTrNode.insertCell();
oTdNode.innerHTML =
x+"---"+y;
}
}

//将表格节点添加到div中。
document.getElementsByTagName(‘div‘)[0].appendChild(oTabNode);
document.getElementsByName("crtBut")[0].disabled=true;
}

//删除行
function
delRow(){

//获取表格对象
var oTabNode =
document.getElementById("tabid");
if(oTabNode==null){
alert("表格不存在");
return;
}

//获取要删除的表格行数。
var
rowVal =
document.getElementsByName("delrow")[0].value;

if(rowVal>=1
&& rowVal<=
oTabNode.rows.length){
oTabNode.deleteRow(rowVal-1);
}else{
alert("要删除的行不存在");
}
}

//删除咧,其实就是删除每一行中同一位置的单元格。
function
delCol(){
//获取表格对象
var oTabNode =
document.getElementById("tabid");
if(oTabNode==null){
alert("表格不存在");
return;
}

//获取要删除的表格列数。
var
colVal =
document.getElementsByName("delcol")[0].value;

if(colVal>=1
&& colVal<=oTabNode.rows[0].cells.length){

for(var
x=0; x<oTabNode.rows.length;
x++){

oTabNode.rows[x].deleteCell(colVal-1);

}

}else{
alert("要删除的列不存在");
}

}

</script>

<input type="button" value="创建表格" name="crtBut"
onclick="crtTable()" />
行:<input type="text" name="rownum"
/>列:<input type="text" name="celnum"/>
<hr/>

<input type="text" name="delrow"/><input type="button" value="删除行"
onclick="delRow()"/>
<input type="text" name="delcol"/><input
type="button" value="删除列" onclick="delCol()"/>
<hr/>

<div></div>
</body>

示例-创建表格-指定行列&删除表格的行和列,布布扣,bubuko.com

时间: 2024-10-07 00:45:02

示例-创建表格-指定行列&删除表格的行和列的相关文章

python学习之删除DataFrame某一行/列内容

用法:DataFrame.drop(labels=None,axis=0, index=None, columns=None, inplace=False) 参数说明:labels 就是要删除的行列的名字,用列表给定axis 默认为0,指删除行,因此删除columns时要指定axis=1:index 直接指定要删除的行columns 直接指定要删除的列inplace=False,默认该删除操作不改变原数据,而是返回一个执行删除操作后的新dataframe:inplace=True,则会直接在原数

javascript动态创建表格:新增、删除行和列

转载:http://www.cnblogs.com/pato/archive/2009/09/02/1559068.html 利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种了,直接说吧. 1.inserRow()和insertCell()函数 insertRow()函数可以带参数,形式如下: insertRow(index):index从0开始 这个函数将新行添加

Mysql 登陆&amp;退出、创建&amp;删除&amp;选择数据库、基本数据类型、创建&amp;删除表格

登陆数据库使用登陆命令: shell>mysql [-h host] -u user -p [-D database] Enter password: -h指定的是远程主机,登陆本地数据库可以不用,-D 用于指定登陆之后选择的数据库,如果没有指定数据库,则不进行数据库选择.进入数据库之后,每一条命令之前会有 mysql> 的提示符.mysql中的命令都严格以分号(;)作为命令结束.如果在一条命令没输入完之前换行,会出现 -> 的提示符. 退出数据库的命令: mysql>exit 或

jQuery删除表格指定行代码实例

jQuery删除表格指定行代码实例:本章节介绍一下如何删除表格中指定的行,代码非常的简单,直接上代码: $("table tr").eq(2).remove(); 相关阅读:1.eq()函数可以参阅jQuery的eq()方法一章节.2remove()函数可以参阅jQuery的remove()方法一章节. 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13213 更多内容可以参阅:http://www.soft

javascript生成表格增删改查 JavaScript动态改变表格单元格内容 动态生成表格 JS获取表格任意单元格 javascript如何动态删除表格某一行

jsp页面表格布局Html代码 <body > <center> <input type="text" value="111" id="mytext"> <table border="1" width="60%" id="mytable"> <tr> <td id="td1">第一行第一列<

C# 实现对PPT插入、编辑、删除表格

在现代学习和办公当中,经常会接触到对表格的运用,像各种单据.报表.账户等等.在PPT演示文稿中同样不可避免的应用到各种数据表格.对于在PPT中插入表格,我发现了一个新方法,不过我用到了一款免费的.NET组件--Free Spire.Presentation,在C#中添加该产品DLL文件,可以简单快速地实现对演示文稿的表格插入.编辑和删除等操作.有需要的话可以在下面的网址下载:https://www.e-iceblue.cn/Downloads/Free-Spire-Presentation-NE

js实现动态删除表格的行或者列-------Day57

昨天记录了动态加入表格的一行,当然这个一行是指一行数据,也就是说一行多少列也是加上的,而且第几列的内容都能够加入上,先来回想下它的实现的关键点: 1.var row=table.insertRow();加入一行: 2.var cell1=row.insertCell();加入一个单元格:(假设在后面继续写var cell2=row.insertCell()的话.就是加入第二列;) 3.cell1.innerHTML="第一列的内容":向第一个单元格中填充值 以上就是昨天记录的动态加入一

如何创建表格,创建行和列

如何创建表格,创建行和列 行: <input type="text" id="row" /> 列: <input type="text" id="col" /> <button id="btn">创建</button> <div id="wrap"> <!-- <table> <tr> <td

jquery 表格的增加删除和修改及设置奇偶行颜色

最近一周在学了一点点HTML, CSS, javascript,用javascript的jquery完成了一个简单的表格操作,有增加.删除和修改功能. 表格分三列,第一列是学生编号(ID号),第二列是学生姓名,第三列为学生年龄.在姓名和年龄框内输入数据,再点"Add"就可以增加数据(ID号会自动递增的生成),输入ID号再输入新的姓名和年龄点"Edit"就可以修改,删除的话输入ID号就点"Delete"就可以删除指定行. 表格最上面会及时更新当前表