js中创建table表格

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <script type="text/javascript">        function createTable(){            var table = document.createElement("table");            table.border = "1";            table.width = "100%";

            //table API            //创建一行            //var tr = table.insertRow(table.rows.length);            //创建单元格            //var td = tr.insertCell(tr.cells.length);            var tr,td;            for(var i=0;i<6;i++){                //循环插入元素                tr = table.insertRow(table.rows.length);                if(i%2 === 0){                    tr.style.backgroundColor = "red";                }else{                    tr.style.backgroundColor = "green";                }                for(var j=0;j<5;j++){                    td = tr.insertCell(tr.cells.length);                    td.innerHTML = "第"+i+"行，第"+j+"列";                    td.align = "center";

                }            }

            //td.innerHTML = "测试";

            document.querySelector("#tb").appendChild(table);        }    </script></head><body><input type="button" onclick="createTable()" value="createTable"><hr><div id="tb"></div></body></html>

时间： 2024-10-21 12:55:32

js中创建table表格的相关文章

js中创建html标签、加入select下默认的option的value和text、删除select元素节点下全部的OPTION节点

<pre name="code" class="java"> jsp 中的下拉框标签: <s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px;

js中创建html标签、添加select下默认的option的value和text

<pre name="code" class="java"> jsp 中的下拉框标签: <s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px;

JS动态创建table

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } table{ width: 500px; border-color: chartreuse; border-collapse: collapse; } ta

一.iveiw框架中table中有exportCsv()方法可以导出.csv后缀文件,类似于excel文件,但是并不是excel文件. 二.实现table表格导出excel文件利用Blob.js 和 Export2Excel.js两个文件实现 1.Blob.js 和 Export2Excel.js文件链接:https://pan.baidu.com/s/1PvP-NxmONNh71SRDvlL_9A 密码:3h82 2.把Blob.js 和 Export2Excel.js文件添加到src文件夹

js中的 Table 对象

Table 对象Table 对象代表一个 HTML 表格.在 HTML 文档中 <table> 标签每出现一次,一个 Table 对象就会被创建. Table 对象集合cells[] 返回包含表格中所有单元格的一个数组.rows[] 返回包含表格中所有行的一个数组.tBodies[] 返回包含表格中所有 tbody 的一个数组. Table 对象属性align 表在文档中的水平对齐方式.(已废弃)bgColor 表的背景颜色.(已废弃)border

使用 Raspberry Pi 上的传感器在 Node.js 中创建一个 IoT Bluemix 应用程序

先决条件一个IBM Bluemix 帐号,一个 Raspberry Pi 2 或 3,一个 PIR 运动传感器适用于本文的 Github 存储库如果您是一位精明的 Bluemix 开发人员,您可能只想看看如何在 node.js 中与 IoT 建立连接,或者只想了解如何从此 github 存储库中拉取我的代码. git clone https://github.com/nicolefinnie/iot-nodejs-tutorial 以下是实现与 IBM IoT 平台连接在一起的 4 个 R

JS中创建多个相同的变量出现的问题

在做轮播图的时候出现了一个问题:如果定义两个完全相同的变量会发生什么: 1.两个全局变量: var num = 10; var num =100; 这种情况下很明显输出num的话会是100,但是内存中会存在几个num呢? 如果在其他编程语言中,这样会被认为重复定义,编译就通不过! 但是在JS中,可以这样声明不会报错, 也就是说仍然只存在一个num,和下面效果相同 var num = 10; num = 100; 2.两个局部变量在函数内部用var定义局部变量,没有问题.可以在多个函数中定义多个

js中为table添加的一些方法

为了方便构建表格,HTML DOM为 <table>,<tbody>,<tr>元素添加了一些属性和方法. //为 <table> 元素添加的属性和方法如下. caption : 保存对 <caption> 元素(如果有)的指针. tBodies : 是一个 <tbody> 元素的HTMLCollection. tFoot : 保存着对 <tfoot> 元素(如果有)的指针. tHead : 保存着对 <thead&g

JS中的动态表格

写法一:(有点啰嗦) //--------------XML DOM--------------------------------------function addTR(){ //1.取三个框的值 var username = document.getElementById("username").value; var email = document.getElementById("email").value; var age = document.getEl