js外部样式和style属性的添加移除
来源:互联网 发布:贸仲委待遇怎么样 知乎 编辑:程序博客网 时间:2024/05/16 01:04
在页面中,往往一个控件的外部样式或者内部样式往往不只一个,而我们只需操作其中一个样式该怎么办呢?
最开始我也不知道该怎么做,就用了最原始的方法,替换原有的样式为新的样式,这样每次都要获取原样式,找通用正则,太麻烦了,后来才发觉还有这么简单的方法,废话不多说了。
1.外部样式class的添加删除
html:document.getElemntById("元素id").addClass("样式类名");
document.getElemntById("元素id").removeClass("样式类名");
Jquery:$("#元素id").addClass("样式类名"); //追加样式
$("#元素id").removeClass("样式类名");
$("#元素id").toggleClass("样式类名"); //添加删除切换样式
$("#元素id").css(属性名,属性值); //追加样式属性
2.内部样式style的增加删除
使用JS操作style属性的写法是有一定规律的,下面以一个style属性为例:
style="margin:1px;border-bottom:1px soild #ccc;float:right;"
a.对于没有中划线的css属性一般直接使用style.属性名即可访问。
如:obj.style.margin = "2px";//修改margin属性
b.对于含有中划线的css属性,将每个中划线去点并将每个中划线后的第一个字母大写,通过style.改写后的属性名访问。如:obj.style.borderBottom = "";//清空border-bottom属性
c.float属性比较特殊,IE:obj.style.styleFloat,其他浏览器:obj.style.cssFloat.
获取所有的style属性值:obj.style.cssText;
删除属性:obj.style.属性名 = "";
或者使用jquery的css()方法。如:
$("#id").css("width"):获取style中width属性的值
$("#id").css("width","100px"):设置style中width属性的值为100px。
- js外部样式和style属性的添加移除
- angular js 给元素添加样式和移除样式
- jquery添加移除style/css属性
- 原生JS获取内嵌,外部css样式,使用style只能直接获取内联style的属性值
- js---style添加样式方式
- 添加和移除disabled属性
- jquery添加和移除disabled属性
- js和css的外部样式区别
- CSS样式移除、添加
- js移除属性
- js改变style样式和css样式
- js改变style样式和css样式
- js改变style样式和css样式
- EXTjs 中grid 中行的样式的添加和移除
- 由于 box.style.left只能获取行内样式的值,不能获取到css中JS中样式left等值;用JS获取外部CSS样式--currentStyle和getComputedStyle的兼容写法
- 动态添加类和元素样式属性(style and className)
- html元素添加和移除class属性
- iOS通知的添加和移除
- 二进制中1的个数_1513
- RequireJS 快速入门
- SVN 在线代码托管工具
- 分治、贪心、递推算法的基本思路
- 递归(累加)
- js外部样式和style属性的添加移除
- JavaSE------static代码块
- 【数据结构】用C语言实现顺序表的各种操作(包括头删,尾删,插入,逆序,摧毁,清空等等)
- jQuery日期和时间插件(jquery-ui-timepicker-addon.js)jquerydatapicker插件 实现时分秒
- android开发之Ant多渠到混淆打包
- 求数组的子数组之和的最大值
- mysql中如何判断指定字段的重复数据则不插入?
- 记录一些OFFICE操作技巧
- 一个简单的安卓+Servlet图片上传例子