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

用JavaScript的方法获得TD里面的值,第1张

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

在a标签上写个class,用jq写的

$("a标签的class")click(function(){

var text = $(this)parent("td")siblings("td")text();

alert(text)

})

var tds = tablegetElementsByTagName("td");

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

    tds[i]styleborder = '';

}

<script type="text/javascript">

function getVal()

{

var tab = documentgetElementById("tab");

var rows = tabrowslength;

for(var i = 1; i < rows; i++)

{

var cols = tabrows[i]childNodes;

for(var m = 0; m < colslength; m++)

{

alert(cols[m]innerText);

}

}

}

</script>

<table id="tab">

<tr>

<th>学号</th>

<th>姓名</th>

</tr>

<tr>

<td>001</td>

<td>隆美尔</td>

</tr>

<tr>

<td>002</td>

<td>希特勒</td>

</tr>

</table>

<input type="button" value="获取table值" onclick="getVal()"/>

以上就是关于用JavaScript的方法获得TD里面的值全部的内容,包括:用JavaScript的方法获得TD里面的值、js获取table当前tr行第二列td的值、急!!!!!!!获取一个table的js对象下的所有td的对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9817014.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存