700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js动态创建表格 删除行列的小例子【javascript】

js动态创建表格 删除行列的小例子【javascript】

时间:2020-08-04 08:32:23

相关推荐

js动态创建表格 删除行列的小例子【javascript】

web前端|js教程

js,表格,行列

web前端-js教程

网上商城源码报价,ubuntu更新问题,python爬虫高清视频,php 期末,angular解决seolzw

无标题文档

好规划源码,vscode映射接口,Usbtop ubuntu,访问别人tomcat,易语言读取sqlite,discuz宣传中心插件,新流行的前端框架,爬虫handler机制的原理,php函数 禁用,seo常用的论坛,阿里云模板制作网站,自适应网页 导航菜单,ecshop模板中定义变量lzw

function createTab1()

{

var tabNode = doc.createElement("table");

var tbdNode = doc.createElement("tbody");

var trNode = doc.createElement("tr");

var tdNode = doc.createElement("td");

var textNode = doc.createTextNode("单元格一");

tdNode.appendChild(textNode);

trNode.appendChild(tdNode);

tbdNode.appendChild(trNode);

tabNode.appendChild(tbdNode);

byTag("div")[0].appendChild(tabNode);

}

function createTab()

{

var tabNode = doc.createElement("table");

//tabNode.id = "tabid";

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

var row = byName("rownum")[0].value;

var col = byName("colnum")[0].value;

for(var x=1; x<=row; x++)

{

var trNode = tabNode.insertRow();

for(var y=1; y<=col; y++)

{

var tdNode = trNode.insertCell();

tdNode.innerHTML = x+"...."+y;

}

}

byTag("div")[0].appendChild(tabNode);

event.srcElement.disabled = true;

}

function delRow()

{

var tabNode = byId("tabid");

if(tabNode==null)

{

alert("表格不存在 ");

return;

}

var rownum = byName("delrow")[0].value;

if(rownum>0 && rownum<=tabNode.rows.length)

tabNode.deleteRow(rownum-1);

else

{

alert("删除的行不存在,学习数数很重要");

}

}

function delCol()

{

var tabNode = byId("tabid");

if(tabNode==null)

{

alert("表格不存在 ");

return;

}

var colnum = byName("delcol")[0].value;

if(colnum>0 && colnum<=tabNode.rows[0].cells.length)

{

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

{

tabNode.rows[x].deleteCell(colnum-1);

}

}

else

{

alert("删除的列不存在");

}

}

<!--

通过页面的按钮可以动态的创建一个表格。

-->

行:

播放网站源码,Mac安装vscode用,Ubuntu 清空tmp,tomcat网页打开项目,爬虫调研,php class 实例,青海seo优化工具,网站的后台php,html静态留言模板lzw

列:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。