js自定义创建表格

图片发自简书App

水平不高,用了一下午才写出来,虽然内容不难,但对现在的我也算的上一种鼓励,啦啦啦(✪_✪)


```

function tb_add(){

var li=document.getElementById("line");

var co=document.getElementById("column");

if(li.value==0||co.value==0){

alert("请检查输入内容!");

}else{

var mtable=document.createElement("table"); //创建表格

mtable.setAttribute("border", "1"); //表格属性

mtable.setAttribute("width", "50px"); //表格属性

var mbody=document.createElement("tbody");

mtable.appendChild(mbody); //放入表格

for (var int = 0; int < li.value; int++) {

mbody.insertRow(int);//行

for (var int2 = 0; int2 < co.value; int2++) {

var int3=0;

mbody.rows[int].insertCell(int3);

mbody.rows[int].cells[int3].appendChild(document.createTextNode("test"));

int3++;

}

}

document.body.appendChild(mtable);

}

}

```

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 准入训练 第1章 进入忍者世界 js开发人员通常使用js库来实现通用和可重用的功能。这些库需要简单易用,...
    如201608阅读 5,161评论 1 2
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,763评论 0 8
  • 2016.9.9 第6章 原型与面向对象 原型虽然是定义对象的一种很方便的方式,但它的本质依然是函数特性。 使用原...
    如201608阅读 3,942评论 0 0
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,400评论 2 17
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 33,183评论 18 399

友情链接更多精彩内容