javascript设置表格的宽度和高度

window.outerheight

东河网站建设公司创新互联建站,东河网站设计制作，有大型网站制作公司丰富经验。已为东河上1000家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱，请找那个售后服务好的东河做网站的公司定做！

窗口总高度

和window.screen.availheight一样

window.innerheight

窗口可视区域高度

window.screen.height

显示器屏幕高度

另外：jquery获取高度

$(".thiscrumbs").height()

元素本身高度

$(".thiscrumbs").innerheight()

元素高度+内边距

$(".thiscrumbs").outerheight()

元素高度+内边距+边框

$(".thiscrumbs").outerheight(true)

元素高度+内边距+边框+外边距

在javascript中怎样建立表格

// 你的 HTML 的 body 中添加如下内容

// 一个 div 用来放生成的 table ； 一个按钮执行 create

// div id="div"/div

// input type="button" onclick="create()" /

// 以下是 js 方法

script src="" type="text/javascript"/script

script type="text/javascript"

function create() {

// 使用 $("table/table") 生成一个 table

var tab = $("table border='1'/table");

// 3 行循环3次

for (var i = 1; i = 3; i++) {

// 每次生成一个 tr/tr

var row = $("tr/tr");

// 4 列循环 4 次

for (var j = 1; j = 4; j++) {

// 给 tr/tr append（添加） tdi行j列/td

row.append($("td" + i + "行" + j + "列" + "/td"));

}

// 给 table/table 每次循环添加上边的 tr****/tr

tab.append(row);

}

// 最后把生成的 table***/table 放到 id=div 的控件中

$("#div").append(tab);

}

/script

如何用javascript获取表格中一行的值

1、简单的，表格中的一行添加id属性

var item=document.getElementById("id");

2、在行本身绑定方法将自身作为参数传递

html

head

script type = 'text/javascript'

var curRow; //全局行号

var curRowId; //选中行的记录信息的ID

var curColor;

function selectRow(tr){//tr行本身

curRow = tr;

curRowId = tr.id;

alert(tr.cells[0].innerText);

}

/script

/head

body onload = "javascript:selectRow(1)"

table border = "1 solid"

tr onclick = "selectRow(this);"

td001/td

tdgoogle/td

/tr

tr onclick = "selectRow(this);"

td002/td

tdbaidu/td

/tr

/table

/body

/html

3、获取所有行集合，然后通过下标访问某一行

var items=document.getElementByTagName("tr");

//获取某一行(下标从0开始，到items.length-1结束)

var hang=items[0];

怎么用javascript创建表格

方法一：最原始的方法，创建一一元素

var a1=document.createElement("table");

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

var a3=document.createElement("tr");

var a4=document.createElement("td");

//开始appendchild()追加各个元素

a3.appendChild(a4);

a2.appendChild(a3);

a1.appendChild(a2);

方法二：利用table对象里面含有的函数：插入行和插入列

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

var trNode=tabNode.insertRow();

var tdNode=trNode.insertCell;

tabNode.innerHTML="这是采用table对象里面的函数创建的"

注意：利用原始方法，一个个createElement时候，必须要添加一个tbody对象

动态的创建和删除：

创建表格，通过输入的值：

function createTable() {

tableNode = document.createElement("table"); //获得对象   

tableNode.setAttribute("id", "table")

var row = parseInt(document.getElementsByName("row1")[0].value); //获得行号 

//alert(row);   

if (row = 0 || isNaN(row)) {

alert("输入的行号错误，不能创建表格，请重新输入：");

return;

}

var cols = parseInt(document.getElementsByName("cols1")[0].value);

if (isNaN(cols) || cols = 0) {

alert("输入的列号错误，不能创建表格，请重新输入：");

return;

}

//上面确定了 现在开始创建  

for (var x = 0; x  row; x++) {

var trNode = tableNode.insertRow();

for (var y = 0; y  cols; y++) {

var tdNode = trNode.insertCell();

tdNode.innerHTML = "单元格" + (x + 1) + "-" + (y + 1);

}

}

document.getElementById("div1").appendChild(tableNode); //添加到那个位置 

}

删除行：

function delRow() {

//要删除行，必须得到table对象才能删除，所以在创建的时候必须要设置table对象的 id 方便操作 

var tab = document.getElementById("table"); //获得table对象  

if (tab == null) {

alert("删除的表不存在！")

return;

}

var rows = parseInt(document.getElementsByName("delrow1")[0].value); //获得要删除的对象  

if (isNaN(rows)) {

alert("输入的行不正确。请输入要删除的行。。。");

return;

}

if (rows = 1  rows = tab.rows.length) {

tab.deleteRow(rows - 1);

} else {

alert("删除的行不存在！！");

return;

} 

}

删除列：

//删除列要麻烦些， 要通过行来进行删除   

// 一行的cells的长度就是列的个数   

//tab.rows[x].deleteCell(cols-1)

function delCols() {

//获得table对象  

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

if (tab == null) {

alert("删除的表不存在！！");

return;

}

//获得文本框里面的内容    

var cols = parseInt(document.getElementsByName("delcols1")[0].value);

//检查是否可靠   

if (isNaN(cols)) {

alert("输入不正确。请输入要输出的列。。");

return;

}

if (!(cols = 1  cols  tab.rows[0].cells.length)) {

alert("您要删除的行不存在！！");

return;

}

for (var x = 0; x  tab.rows.length; x++) {//所有的行  

tab.rows[x].deleteCell(cols - 1);

} 

}

怎样用javascript绘制表格

function mh_drawtable()

{

mh_tb = "table width=100% cellpadding=0 cellspacing=0 border=1";

for(j=0;j4;j++){

mh_tb += "tr";

for(i=0;i4;i++)

{

mh_tb += "td height=20"+(i+1)+"/td";

}

mh_tb += "/tr";

}

mh_tb += "/table";

document.all.showtime.innerHTML = mh_tb;

}

javascript怎么修改表格的内容

用javascript动态修改表格内容,先来看JS部分代码：

script

var arr=new Array()

arr[0]="这是改变后的内容一";

arr[1]="这是改变后的内容二";

arr[2]="这是改变后的内容三";

/script

把切换后的内容写在了JavaScript的数组里，这样方便。

使用上面的JavaScript：

select onchange="zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]"

option value=a改变第一格/option

option value=a改变第二格/option

option value=a改变第三格/option

/select

table id=zz border=1

tr height=20

td width=220第一格/td

td width=220第二格/td

td width=220第三格/td

/tr

/table

把以上代码放入网页的body/body区间内即可。

分享名称：表格javascript,表格javascript启用
文章分享：http://ybzwz.com/article/dsdhshs.html