用JavaScript的方法获得TD里面的值

HTML代码:

<table>

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

</table>

获取td的值,用innerHTML来获取，方法如下

var td_name=documentgetElementsByTagName("td");

for(var i=0;i<td_namelength;i++){

td_name[i]onclick=function(){

consolelog(thisinnerHTML);

}

}

结果就是点击第一个td，显示1

楼上说的对。我想具体一下，楼主更好理解。这是单元格内容 var aaa;aaa=documentgetElementById("mytd")innerHTML; //注意，这句就根据你设置的ID获取那个单元格里内容 望采纳

var tds = tablegetElementsByTagName("td");

for(var i=0,l=tdslength; i<l; i++){

    tds[i]styleborder = '';

}

js中获取tr的首个td的方法如下：

比如有如下表格table：

<tr id="value_12">

<td>firstanme_1</td>

<td>lastname_1</td>

</tr>

<tr id="value_14">

<td>firstanme_2</td>

<td>lastname_2</td>

</tr>

用js获取的方法定义：

$('#table_id tr')each(function() {

var firstName = $("td", tr)[0]val();

var id = $(tr)attr('id')split("_")[1];

})

// 获取 id 为 test 的 table

var table = documentgetElementById("test");

// 获取 table 下的所有 td

var tds = tablegetElementsByTagName('td');

// 循环 td，替换 td 中的 &lt; 和 &gt;

for(var i = 0; i < tdslength; i++) {

tds[i]innerHTML = tds[i]innerHTMLreplace(/&lt;/g, "<")replace(/&gt;/g, ">");

}

你每个<td>的ID是用ASP的变量P作为名称的呀，看了你的程序，好像第一个就是1，第二个就是2，……

不过建议你不要用整数作为id，我没有测试这样是否正确，只是直观上觉得容易混淆，建议把：

id="<%=p%>"

修改为：

id="td<%=p%>"

这样修改以后，每个<td>的ID就依次是td0、td1、td2……，想设置哪个都非常方便

给你说下思路，

documentgetElementById("top")rowslength可以获得top表的行数

documentgetElementById("top")rows[0]cellslength可以获得top表的第一行的列数

documentgetElementById("top")rows[0]cells[0]offsetWidth可获得top表第一行第一列的实际宽度，（注意，这个是只读的！）

所以

for(var i=0;i<documentgetElementById("top")rows[0]cellslength;i++)

{

documentgetElementById("buttom")rows[0]cells[i]width=documentgetElementById("top")rows[0]cells[i]offsetWidth;

}

希望对你有帮助！

以上就是关于用JavaScript的方法获得TD里面的值全部的内容，包括:用JavaScript的方法获得TD里面的值、JS怎么获取表格中某一行某个td中的内容、急!!!!!!!获取一个table的js对象下的所有td的对象等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！