导航:首页 > 编程语言 > 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相关的资料

热点内容
有线电视升级失败 浏览:560
火绒安全把文件删掉了在哪里找 浏览:503
手机qq网络状态方框 浏览:225
哪里有文件纸袋 浏览:873
复制的东西能不能粘贴到空文件夹 浏览:876
酒店没有网络如何缴费 浏览:380
win10开机滚动很久 浏览:520
可对元数据实例进行的操作有什么 浏览:934
什么后缀的文件kit 浏览:295
word行书字体库下载 浏览:579
iosuc版本历史版本 浏览:14
电影字幕文件制作软件 浏览:723
windows10免密码登录 浏览:762
iphone5s跑步记步 浏览:978
手机网站设计怎么做好 浏览:322
中兴路由器修改密码 浏览:391
小米忘记压缩文件密码 浏览:716
cad哪些字体是形文件 浏览:2
word2007宝典pdf 浏览:46
lg电视如何连接网络 浏览:392

友情链接