導航:首頁 > 編程語言 > js如何獲取table

js如何獲取table

發布時間:2023-01-27 18:53:17

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

閱讀全文

與js如何獲取table相關的資料

熱點內容
安卓app會閃退怎麼解決 瀏覽:429
哪些app背單詞是免費的 瀏覽:889
cf擊殺圖標放哪個文件夾 瀏覽:208
為什麼我的爐石不能查看完整數據 瀏覽:179
蘋果7音量按鍵不回彈 瀏覽:296
u盤兩個系統可以放一個文件夾嗎 瀏覽:538
linuxshell變數累加 瀏覽:386
win10控制面板怎麼看 瀏覽:574
如何編程換裝游戲程序 瀏覽:269
怎麼登錄沭陽縣民政局網站 瀏覽:451
iphone6降級ios7 瀏覽:92
怎麼隱藏三星應用程序圖標不見了 瀏覽:203
可以兼職的app 瀏覽:493
iphone圓角圖標製作 瀏覽:659
建設銀行app怎麼申請 瀏覽:163
系統備份文件夾在哪 瀏覽:998
qq分組exo韓文 瀏覽:849
華碩裝裝win7系統教程視頻 瀏覽:407
什麼是數據直連 瀏覽:210
筆記本連接無線網路慢 瀏覽:486

友情鏈接