用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属性等
css和js发生关联的方法:
我是一名网页前端工作者, 说说我的关联方法:
在css先设置一个选择器, 比如.current{}类 , 然后在js里用addClass('current')方法, 关联此css
直接在js的jquery里用 .css({'text-align':'align'}) 这种方法设置css, 里面的text-align:center可以换成别的
用.attr()的jquery的方法动态改变标签的属性, 也可以达到设置css的效果
通过JS来更改link标签下的href属性, 来达到更换CSS文件比如:<link href="songti.css" id="divCss" rel="stylesheet" />通过改变其href即可:
var newCss=document.getElementsById(divCss)
newCss.href="新的css文件.css"
我经常用的方法是前3种, 希望我提到的四种方法能给楼主带来帮助.
//1、获取和设置样式$("#tow").attr("class")获取ID为tow的class属性$("#two").attr("class","divClass")设置Id为two的class属性。
//2、追加样式
$("#two").addClass("divClass2")为ID为two的对象追加样式divClass2
//3、移除样式
$("#two").removeClass("divClass")移除 ID为two的对象的class名为divClass的样式。
$(#two).removeClass("divClass divClass2")移除多个样式。
//4、切换类名
$("#two").toggleClass("anotherClass") //重复切换anotherClass样式
//5、判断是否含有某项样式
$("#two").hasClass("another")==$("#two").is(".another")
//6、获取css样式中的样式
$("div").css("color") 设置color属性值. $(element).css(style)
//设置单个样式
$("div").css("color","red")
//设置多个样式
$("div").css({fontSize:"30px",color:"red"})
$("div").css("height","30px")==$("div").height("30px")
$("div").css("width","30px")==$("div").height("30px")
