求一个js实现的树结构的table表格程序
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了求一个js实现的树结构的table表格程序相关的知识，希望对你有一定的参考价值。
谁有js实现的树结构的table表格程序啊，给一个，急用，谢谢了先!
参考技术A <SCRIPT language=javascript>function table_list(t_name)
var s='list【';
var rows=eval(t_name).getElementsByTagName('tr');
for (i=0;i<rows.length;i++)
if (i) s+='\n';
cols=rows[i].getElementsByTagName('td');
s+=cols[0].innerhtml+'(';
for(j=1;j<cols.length;j++) if(j-1)s+=',';s+=cols[j].innerHTML;
s+=')'
s+='】';
return s;
</SCRIPT>
<table border=1 cellspacing=0 id=tbl1>
<tr><td>张三<td>170<td>65<td>36<td>510223720918661
<tr><td>张四<td>171<td>66<td>26<td>510223820918661
<tr><td>张五<td>172<td>67<td>30<td>510223780918661
</table>
<button onclick="rslt.value=table_list('tbl1');">提取信息</button><br>
<textarea name=rslt cols=80 rows=10></textarea>
如果和你想的不完全一样，也可以少量修改。
原生js实现table表格的各行变色功能
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>原生js实现各行变色</title>
<style>
*{
margin:0;
padding:0;
}
#studentCore{
width:300px;
margin:0 auto;
}
table{
border-collapse: collapse;
}
td,th{
text-align: center;
padding:3px 5px;
border:1px solid #ccc;
}
th{
background-color: lightsteelblue;
}
.hightLight{
background-color: pink;
}
</style>
</head>
<body onload="setTableColor()">
<div id="studentCore">
<table>
<thead>
<tr>
<th>Sname</th>
<th>Score</th>
</tr>
</thead>
<tbody>
<tr>
<td>明明</td>
<td>50</td>
</tr>
<tr>
<td>静静</td>
<td>60</td>
</tr>
<tr>
<td>日日</td>
<td>65</td>
</tr>
<tr>
<td>李磊</td>
<td>70</td>
</tr>
<tr>
<td>韩梅梅</td>
<td>75</td>
</tr>
<tr>
<td>杨幂</td>
<td>80</td>
</tr>
<tr>
<td>范冰冰</td>
<td>85</td>
</tr>
</tbody>
</table>
</div>
<script src="js/jquery-3.2.1.min.js"></script>
<!--方法一-->
<script>
var data=document.getElementById("studentCore");
var trs=data.querySelectorAll("tbody>tr");
console.log(trs);
for (var i=0;i<trs.length;i++){
i%2!=0&&(trs[i].className="hightLight");
}
</script>
<!--方法二-->
<script>
function setTableColor() {
var data=document.getElementById("studentCore");
var trs=data.getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
var j=i+1;
if(j%2==0){
trs[i].style.background="pink";
}else{
trs[i].style.background="yellow";
}
}
}
setTableColor();
</script>
</body>
</html>
以上是关于求一个js实现的树结构的table表格程序的主要内容，如果未能解决你的问题，请参考以下文章