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循環遍歷出來。容這會吧。