您好,欢迎访问一九零五行业门户网

javascritp 操作 css_html/css_WEB-ITnose

css
javascript动态操作css总结
http://sweetpoem.iteye.com/blog/1099825
一、使用js操作css属性的写法
1、对于没有中划线的css属性一般直接使用style.属性名即可。
如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position
2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。
如:obj.style.margintop,obj.style.borderleftwidth,obj.style.zindex,obj.style.fontfamily等
3、js操作css float属性的特殊写法
因为 float 是javascript的保留字,我们不能直接使用obj.style.float来使用,这样操作是无效的。其正确的使用方法是为:ie:obj.style.stylefloat,其他浏览器mozilla(gecko),ff等用 stylefloat:obj.style.cssfloat。
二、使用js获取css属性值
1、获取行内style:obj.style. 属性名。js获取css属性值
 不能访问class。
2、获取class内及link外部的css属性:ie中使用的是obj.currentstyle[“属性名”]方法,而ff是用的是getcomputedstyle 方法
三、使用js给css属性赋值
1、赋值class属性
赋值:document.getelementbyid('ceil').classname = class1;
如它有多个值:document.getelementbyid('ceil').classname = class1 class2 class3;
2、obj.style.csstext设定一个对象的css样式
document.getelementbyid('navition').style.csstext = 您的css代码';
还有其他的总结吗?
回复讨论(解决方案) 这次说说javascript。前端三大代码,html、css、javascript(jquery)。我还是想说下css方面的。所以就写个javascript操作css的帖子。javascript也是前端最重要的功能语言,不懂这个真没法混啊~
以前javascript作为脚本语言的时候,主要功能就是操作dom,很多就是操作元素的样式。
大家最熟悉应该就是style属性了。
比如:obj.style.display = none;
就可以把obj元素隐藏。但是这个style是把代码以内联的形式写进html里面的。读取属性的时候也只能读取内联形式的css。比如:
test
其它类似信息

推荐信息