js怎么取得tr td 标记里面的 值 ??

yyxu123 2007-06-17 08:01:11
如题。
一行里面,如下
<tr>
<td>123.00</td>
<td>2.34</td>
<td>345元整</td>
<td>456</td>
<td>567</td>
<td>678</td>
<td>789</td>
<td>asc</td>
<td>&&&</td>
</tr>

我需要
在鼠标事件里面 取得<tr></tr>标记里面所有<td></td>间的值。。
并显示在一个 div里面
格式如下

金额:123.00
小数:2.34
取整:345元整
数值:456
数值:567
数值:678
数值:789
字符:asc
符号:&&&

谢谢各位了。。我仅有不多的分了全给了。。
...全文
4086 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
hbhbhbhbhb1021 2007-06-18
  • 打赏
  • 举报
回复
<script language=javascript>
function getInfor(tr)
{
var titleArray = new Array("金额", "小数", "取整", "数值", "数值", "数值", "数值", "字符", "符号");
var str=new Array()
for(var i=0;i<titleArray.length;i++){
str[i]=titleArray[i]+tr.childNodes[i].innerText
}
document.getElementById("div1").innerHTML=str.join("<br>")
}
</script>
<table id="tbl">
<tr onclick="getInfor(this)">
<td>123.00</td>
<td>2.34</td>
<td>345元整</td>
<td>456</td>
<td>567</td>
<td>678</td>
<td>789</td>
<td>asc</td>
<td>&&&</td>
</tr>
</table>
<div id="div1"> </div>
yyxu123 2007-06-18
  • 打赏
  • 举报
回复
谢谢两位大哥..问题解决了..
shenba 2007-06-17
  • 打赏
  • 举报
回复
function getInfor(tr)
{
var tds = tr.cells;

var div1 = document.createElement("div");

var res = "";
var titleArray = new Array("金额", "小数", "取整", "数值", "数值", "数值", "数值", "字符", "符号");

var ul = document.createElement("ul");
for (var i = 0; i< titleArray.length ; i++)
{
var li = document.createElement("li");
li.innerText = titleArray[i] + ":" + tds[i].firstChild.nodeValue;
ul.appendChild(li);
}

div1.appendChild(ul);

document.body.appendChild(div1);
}
</script>
shenba 2007-06-17
  • 打赏
  • 举报
回复
只做两个 ,方法比较粗略, 最好设置些规则,方便用循环
function getInfor(tr)
{
var tds = tr.cells;

var div1 = document.createElement("div");

var res = "";
var ul = document.createElement("ul");

var li1 = document.createElement("li");
li1.innerText = "金额:" + tds[0].firstChild.nodeValue;
var li2 = document.createElement("li");
li2.innerText = "小数:" + tds[1].firstChild.nodeValue;

ul.appendChild(li1);
ul.appendChild(li2);

div1.appendChild(ul);

document.body.appendChild(div1);
}
<table id="tbl">
<tr onclick="getInfor(this)">
<td>123.00</td>
<td>2.34</td>
<td>345元整</td>
<td>456</td>
<td>567</td>
<td>678</td>
<td>789</td>
<td>asc</td>
<td>&&&</td>
</tr>
</table>
yyxu123 2007-06-17
  • 打赏
  • 举报
回复
补充一下。。
所有的<tr><td>都没有id name 什么的
它们是由 GreadView 控件生成的。。。
yyxu123 2007-06-17
  • 打赏
  • 举报
回复
各位高手。。帮帮忙啊

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧