用js获取表格元素,行元素tr或者列元素td,进行css样式设置即可
<table><tr><td></td></tr></table><script type="text/javascript" scr="jquery.js">
$('tr').css('border','solid 1px purple')
$('td').css('border-collapse','collapse')
$('td').css('padding','10px')
</script>
//以上方法是jquery方式实现获得和样式修改
//其中css和attr中参数可变,一个参数时意为获取,两个参数为设置
//设置样式也可给元素添加属性用attr
//或者addClass都可以,添加class属性等
1、直接更改，比如：
xID.style.display = "block" // 更改display属性，会覆盖css中的定义。xID.style.display = "" // 取消js更改display属性，以css样式为准。
这里的xID，是通过id获取的标签。当然，也可能是通过tagName之类的获取的标签。
这种方式，简单直接。但是要修改大量的样式的时候，不适合。所以，我更推荐第二种方式。
2、更改类名
xID.className = "xx yy"如果有多个类，就用空格隔开。前提，在样式中要有已有类的定义。比如这里的xx和yy类，在css中应该是写好的。
这种方式把所有的样式写在了css文件中，适合更改较多的样式以及炫酷的样式。js就只做一件事情：改类。至于这个类会把标签变成什么样子，交给css吧。
通过jquery也可以达到如上的效果：
$("#xID").css({fontSize:"12px",
display:"block"
}) // 直接更改样式
$("#xID").addClass("xx") // 增加删除类
$("#xID").removeClass("xx")
