菜鸟请教,能不能通过js把一个table下的所有tr得到,然后改变tr的样式表?好像jquery可以,我不会,希望高手赐教 菜鸟请教,能不能通过js把一个table下的所有tr得到,然后改变tr的样式表?好像jquery可以,我不会,希望高手赐教。我的目的就是改变一个table下的所有tr样式,条件是只知道table的id,tr没有设id.可以做到吗? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 你给TR定义一个class不就完了 <TR class ="_aaa">然后你改CSS啊 非要这么做就-----得到table下的所有tr tableID.getElementsByTagName("tr"); 类似于这样:$("#tableId tr").css("color","red"); <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style> .a{font-size:100px; color:#F00;}</style></head><body> <table id="t"> <tr> <td>1</td> </tr> <tr> <td>1</td> </tr> <tr> <td>1</td> </tr> <tr> <td>1</td> </tr> <tr> <td>1</td> </tr> </table> <script> var t = document.getElementById('t').getElementsByTagName('tr'), len = t.length; for(var i = 0; i < len; i++){ t[i].className = 'a'; } </script></body></html> 这个意思吗?<!doctype html><html> <head> <style> .test tr { color:red; } </style> </head> <body> <table id="test"> <tr> <td>1-1</td> <td>1-2</td> </tr> <tr> <td>2-1</td> <td>2-2</td> </tr> </table> <input type="button" id="btn" value="改变样式" /> <script> function $(o){return document.getElementById(o);} $('btn').onclick = function(){ $('test').className = 'test'; } </script> </body></html> 如果用 jquery 就是 $('tabid tr')直接js就是 document.getElementById("tabid").getElementsByTagName("tr");不过用js的话,你还需要循环去对所有的tr去做操作。用jquery可以一句话到位。 例如可以这样var oTable = document.geiElementById("TableId");var Trs = oTable.getElementsByTagName("tr");for(var i=0;i<Trs.length;i++){ Trs[i].classname=="new";} 关于这样一个需求,怎么做来的会比较好一些呢? 请教javascript高手个问题 [100分]求 js正则疑惑 关于onclick 中加入判断问题 求高人解决问题 高分 求助,js控制文本框焦点 帮忙写两个正则表达式,谢谢 怎么在页面内嵌入 IE的查找(在当前页面)... 这种功能? JS中判断输入是否为数字的函数有吗?? 能否禁止一个IFRAME的垂直滚动条不显示但是可以响应鼠标的滚轮进行滚动? 这件小事你懂的!!! 怎样动态改变URL的地址
然后你改CSS啊
-----得到table下的所有tr
tableID.getElementsByTagName("tr");
$("#tableId tr").css("color","red");
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.a{font-size:100px; color:#F00;}
</style>
</head><body>
<table id="t">
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
</table>
<script>
var t = document.getElementById('t').getElementsByTagName('tr'),
len = t.length;
for(var i = 0; i < len; i++){
t[i].className = 'a';
}
</script>
</body>
</html>
<html>
<head>
<style>
.test tr { color:red; }
</style>
</head>
<body>
<table id="test">
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
<input type="button" id="btn" value="改变样式" />
<script>
function $(o){return document.getElementById(o);}
$('btn').onclick = function(){
$('test').className = 'test';
}
</script>
</body>
</html>
直接js就是 document.getElementById("tabid").getElementsByTagName("tr");
不过用js的话,你还需要循环去对所有的tr去做操作。用jquery可以一句话到位。
var Trs = oTable.getElementsByTagName("tr");for(var i=0;i<Trs.length;i++){
Trs[i].classname=="new";
}