为td标签增加id属性，如下：
<td id="thistd"></td>
利用document对象可以得到对应id控件的内容。js代码如下：
documentgetElementById("thistd")innerHTML
建议：增加控件的时候，尽量配置id属性。用于js脚本或css样式 *** 作。
这个很简单啊
html :
<table id="table"><tbody>
<tr>
<td>1</td>
<td>2</td>
<td></td>
</tr>
</tbody>
</table>
这个是上面的，需求要第三个td的值要等于前两个td的值相加
下面是俩个版本的js代码
js:
//jquery ://jq的实现很简单
var table = $('#table');//找到这个table
var trs = tablefind('tbody tr');//找到这个表格下面的tbody下面的所有的tr
trseach(function(){
var tr = $(this);//针对每个tr做处理
var tds = trfind('td');//拿到这个tr下面所有的td
if(tdslength === 3){//只处理下面有3个td的情况
var num_1 = +tdseq(0)text();//第一个td的值，前面的+号可以将他转换成数字用来计算
var num_2 = +tdseq(0)text();//第二个td的值
tdseq(2)text(num_1 + num_2);//第三个td的值等于他前俩个td的值相加
}
});
//原生js的,ie8+支持
var table = documentquerySelector('#table');
var trs = tbodyquerySelectorAll('tbody > tr');
for(var i=0,tr; tr = trs[i]; i++){
var tds = trquerySelectorAll('td');
if(tdslength === 3){
var n1 = +tds[0]innerText;
var n2 = +tds[1]innerText;
tds[2]innerText = n1 + n2;
}
}
要获取tr内所有文本信息吧
$(function(){
for(var i = 0; i < $('tr')length-1; i++) {
$('tr')delegate("td","click",function(){
alert($(this)parent('tr')text());
})
}
})
先给 td 加个ID
<td align="center" valign="top" title="zxd" id="aa"></td>
var id = documentgetElementById("aa");
var t = idtitle;
获取点击元素的第一个兄弟元素的文本，可以有如下几种方法
先获取父元素，在获取第一个子元素
直接获取第一个兄弟元素
所有的方法用jQuery 非常好做， 原生js 代码非常繁琐。
最好不要在html中写js，样式，结构，行为要分离
下面我给出了原生js实现功能的一些代码。你试试jquery会非常简单的。
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table>
<tr>
<td>111</td>
<td class="btn">点我</td>
</tr>
<tr>
<td>222</td>
<td class="btn">点我</td>
</tr>
</table>
</body>
</html><script>
var btn = documentquerySelectorAll("btn");
for(var i=0,l=btnlength;i<l;i++){
btn[i]onclick = function () {
var parent = thisparentNode;
var firstNode = parentchildNodes;
for(var i=0,l=firstNodelength;i<l;i++){
if(firstNode[i]nodeType === NodeELEMENT_NODE){
alert(firstNode[i]innerText);
return false;
}
}
}
}
</script>
以上就是关于javascript如何获取td里的文本的值全部的内容，包括:javascript如何获取td里的文本的值、js遍历table下面 所有td，并设置个别td的值 高分 求大神、js 点击表格行获取td内容并复制等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）