A. 如何用 js 获取table 或者其他块状标签的 宽和高
以table为例,首先为其设计class或者id如:id为table
然后进入js中
定义一个对象
var table=document.getelementbyid("table")
这是获取这个元素
然后宽和高
就是table.width
table.height
B. 在js中怎样获取当前页面表格中的数据
1、JS获取表格的简便方法:获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells
使用实例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]
2、遍历
var oTable=document.getElementById("表格id");
oTable.tBodies[0]可以看成是rows和cells组成的二维数组,用两个for循环嵌套遍历一下就可以了
C. js怎样获得table样式
创建和插入例子,按需自改
/** * 创建表格 * id 为表格id * arr 为表格表头 */ function createTable(id,arr){ var table = document.createElement('table'); table.setAttribute("id",id); table.setAttribute("className","TableLine");//设定样式 table.setAttribute("width",'98%'); table.setAttribute("cellpadding",'3'); table.setAttribute("cellspacing",'0'); var row = table.insertRow(); row.style.setAttribute("backgroundColor","#e0e0e0"); for (var i = 0; i < arr.length; i++) { var col = row.insertCell(); if(i==0){ col.setAttribute("width",'3%'); } col.setAttribute("className","border:1px solid #9BC2E0;"); col.setAttribute("align","center"); col.style.fontSize="13px"; col.style.fontWeight="Bold";; //var style = document.createAttribute("styles"); //style.nodeValue = "font-size:large"; //col.setAttributeNode(style); col.innerHTML = arr[i]; } //alert(table.outerHTML); return table; }
/** * 向表格插入一行 */ function addRow(table,id,arr){ var row = table.insertRow(); row.setAttribute("id",id); row.onclick=function (){}; for(var i=0;i<arr.length;i++){ var col = row.insertCell(); col.innerHTML = arr[i]; //col.innerText = arr[i]; col.setAttribute("title",arr[i]); } }
D. js如何获取table有多少行和列
JS获取表格行数和列数
<html>
<head>
<script type="text/javascript">
function show()
{
var tab = document.getElementById("test") ;
//表格行数
var rows = tab.rows.length ;
//表格列数
var cells = tab.rows.item(0).cells.length ;
alert("行数"+rows+"列数"+cells);
}
</script>
</head>
<body>
<table id="test" border="1">
<tr>
<td> </td><td>nbsp;</td>
</tr>
<tr>
<td> </td><td>nbsp;</td>
</tr>
</table>
<input type="button" onclick="show();"/>
</body>
</html>
E. JS如何获取table有多少行和列
function init()
{
vartable =document.getElementById("tab1");
varrows = table.rows.length;
alert('行数'+rows);
varcolums = table.rows[0].cells.length;
alert('列数'+colums);
}
----根据列数自动循环显示隐藏
F. js中如何获得jsp里table中的值
直接在td里面添加click事件click="test(this)",然后就可以比较容易的获取到table各行各列的值
this.value就是里面的值,还有this.innerText,this.HTMl具体用什么,根据情况考虑
G. 怎么用JavaScript获取table某行数据
表格的第一行为thead中的th
剩下的数据放到tbody中
最后那一行添加的放到tfoot中
对tbody下面的所有tr绑定一个点击事件
事件中获取这个tr下的所有td,就可以获取这行的数据了
大概代码如下:
var trs =document.getElementById("tbodyId").getElementsByTagName("tr");
for(int i=0;i<=trs.length;i++)
{
var tr = trs[i];
var tds=tr.getElementsByTagName("td");
//下面遍历tds就可以去获取数据了
//把数据放到下面的表单就好了
//然后提交数据,在服务端进行修改
}
H. 在JavaScript中怎么取得DataTable中的数据
JS无法获得网站服务器上保存在内存中的DataTable。但有另外一种途径,DataTable做为数据源输出到页面上之后比如Gridview,成为一个HTML的table。就可以使用JS来遍历这个table了。
具体怎么遍历看下边一段
var tableObj = document.getElementById("tableName");
var str = "";
for(var i=0;i<tableObj.rows.length;i++)
{
for(varj=0;j<tableObj.rows[i].cells.length;j++)
{
//str += tableObj.rows[i].cells[j].innerHTML+" ";
for(var z=0;z<tableObj.rows[i].cells[j].children.length;z++)
{
var text = tableObj.rows[i].cells[j].children[z];//取得text object
str += text.value;
}
}
str+=""n";
}
alert(str);
如果放到HTML是一个table的话,tableObj.rows[i].cells[j].innerText你这样试下CurDT.Rows[0][x]不是HTML的方式
I. 怎么用js获取当前页面table一列的值
先获取table,然后再去获取列。获取第一行第一列的值,代码如下:
vartable=document.getElementById('tab');//获取表格对象
varcell=table.rows[0].cells[0];//第一行第一列单元格对象
varval=cell.innerHTML;//获取值
J. js 获取table中表单中的值
1:你可以给table加一个id这样简单很多。也可以不加id
2:取table里input type="text 所有的值
var len = document.getElementsByTagName("table")[0].getElementsByTagName("input").length;
var inputVal;
for(var i=0;i<len;i++){
inputVal += document.getElementsByTagName("table")[0].getElementsByTagName("input")[i].value + "<br />";
}
alert(inputVal);
3:去select下的option的val 一样内通过for循环遍历出来。容这会吧。