js的cell方法（cell函数的使用方法）

本文目录一览：

• 
  1、Javascript中cell的用法
  


• 
  2、js中cell可以显示单元格的内容，如果单元格是这样的,如何获得input里的值呢
  


• 
  3、js insertcell 怎么跨列
  


• 
  4、js如何在table中插入一行
  

Javascript中cell的用法

返回大于等于其数字参数的最小整数。

Math.ceil(number)

必选项number 参数是数值表达式。

说明

返回值为大于等于其数字参数的最小整数。

js中cell可以显示单元格的内容，如果单元格是这样的,如何获得input里的值呢

input 加个id就可以了，如：

tdinput type="text" id="t1"/td

然后js里用：

document.getElementById("t1").value 来取得input的值

js insertcell 怎么跨列

代码如下:

!DOCTYPE html

html xmlns=""

head

meta http-equiv="Content-Type" cOntent="text/html; charset=utf-8" /

titlejs动态添加表格数据_2 使用insertRow和insertCell方法实现/title

script type="text/Javascript"

var mailArr = [

{ "title": "一个c#问题", "name": "张三", "date": "2014-03-21" },

{ "title": "一个Javascript问题", "name": "李四", "date": "2014-03-21" },

{ "title": "一个c问题", "name": "五五", "date": "2014-03-21" },

{ "title": "一个c++问题", "name": "赵六", "date": "2014-03-21" }

];

var tab = null;

window.Onload= function () {

loadTab();

//全选

document.getElementById("selA").Onclick= function() {

if (document.getElementById("selA").checked == true) {

seleAll(tab, true);

} else {

seleAll(tab, false);

}

};

//删除所有的选中的

document.getElementById("delSel").Onclick= function() {

//遍历所有的input控件即可(除了最后一个全选用的checkbox)

var chks = document.getElementsByTagName('input');

for (var i = chks.length - 2; i =0; i--) {

var chk = chks[i];

if (chk.checked==true) {

//选中行删除处理

var rowNow = chk.parentNode.parentNode;

rowNow.parentNode.removeChild(rowNow);

} else {

alert("really");

}

}

};

};

function loadTab() {

tab = document.getElementById("tb");

//把mailArr循环遍历方式以tr的方式加入表格中

for (var rowindex = 0; rowindex mailArr.length; rowindex++) {

//var tr = tab.insertRow(-1);//-1指最后一行

var tr = tab.insertRow(tab.rows.length - 1);//插入到末二行，最后一行要给全选那一行保留着

var td1 = tr.insertCell(-1);

td1.innerHTML = "input type='checkbox'/";

var td2 = tr.insertCell(-1);

td2.innerHTML = mailArr[rowindex].title;

var td3 = tr.insertCell(-1);

td3.innerHTML = mailArr[rowindex].name;

var td4 = tr.insertCell(-1);

td4.innerHTML = mailArr[rowindex].date;

}

}

//要使全选按钮生效，就要遍历所有的表格的行

function seleAll(mailTab, isSel) {

for (var i = 0; i mailTab.rows.length; i++) {

var tr = mailTab.rows[i];

tr.cells[0].childNodes[0].checked = isSel;

}

}

/script

/head

body

table id="tb" border="1"

tr

th序列/th

th标题/th

th发邮人/th

th发件时间/th

/tr

!-- 循环增加 --

!--　全选 --

tr

td colspan="4"

input id="selA" type="checkbox" /label for="selA"全选/label

a href="#" id="delSel"删除/a/td

/tr

/table

/body

/html

js如何在table中插入一行

js如何在table中插入一行的方法是定位，插入：

1、通过id定位到myTable对象

var table = document.getElementById("myTable");

2、创建一个空的tr标签，并且插入到第一行：

var row = table.insertRow(0);

3、插入两列：

var cell1 = row.insertCell(0);

var cell2 = row.insertCell(1);

4、给列分别赋值：

cell1.innerHTML = "NEW CELL1";

cell2.innerHTML = "NEW CELL2";