用JS在点击时获取table里多组tr中某个td的内容

获取tr中某个td的内容

把要被获取的td设置相同的className，然后通过className获取td，再循环遍历td并获取它的内容，并将之暂存到一个新数组中。

以下时我的例子：
做一个私信界面，
点击某个私信小图标跳出一个界面，把对应的td的内容（名字）输出显示在这个界面：

//获取所有图标
var privateImgs=document.getElementsByClassName("private-img");
//获取所有类名为 name 的td
var names=document.getElementsByClassName("name");
//点击图标后显示的界面
var privateInterface=document.getElementById("private-interface");

//存放td的内容
var allname=[];
for(var k=0;k<names.length;k++){
    allname[k]=names[k].firstChild.nodeValue;
}

//点击某个图标就把获取到的对应的td内容显示出来
for(var i=0;i<privateImgs.length;i++){
    privateImgs[i].setAttribute("index",i);
    privateImgs[i].onclick=function(){
        var num=this.getAttribute("index");
        privateInterface.className="bg show";
        document.getElementById("receiver").value=allname[num];
    }
}