动态css修改滚动条样式css样式

来源：蜘蛛抓取(WebSpider) 时间：2015-09-09 23:33 标签： js动态添加css样式
收藏，1.6k 浏览
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
我想写一个Chrome浏览器脚本，可以修改某网页的一类控件的样式。
举个例子：
&div id="1" class=".feed"&第一条消息&/div&
&div id="2" class=".feed"&第二条消息&/div&
&div id="3" class=".feed"&第三条消息&/div&
其中".feed"是由一个外部样式表定义的（而且还是跨域的文件），我想修改一个规则width，以批量修改这几个div的宽度。尝试了以下办法：
试了一下不能直接下面方法改规则，这样获得的cssRules是null：
document.styleSheets[1].cssRules
当然逐个div去改width是奏效的，可是首次加载完网页之后改已有的div还不够，新的div（消息）会动态生成，这样新产生的div的宽度还是老的。如此一来只能加监听函数么？是不是把简单的问题复杂化了？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
不知道有什么比较牛逼的解决方法..不过一般我是直接在页面上追加一个style标签然后把样式写到这里面的...类似于：
$('body').append('&style id="plugin" type="text/css"&.feed {width:'+1024+'}&/style&');
如果要更新的话就可以通过#plugin 操控DOM的内容来更新。
同步到新浪微博
分享到微博？
与我们一起探索更多的未知
专业的开发者技术社区，为用户提供多样化的线上知识交流，丰富的线下活动及给力的工作机会
加入只需一步
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
举报理由：
推广（招聘、广告、SEO 等）方面的内容
带有人身攻击、辱骂、仇恨等违反条款的内容
与已有问题重复（请编辑该提问指向已有相同问题）
不友善内容
答非所问，不符合答题要求
其他原因（请补充说明）
补充说明：
扫扫下载 App
SegmentFault
一起探索更多未知IE 4.0版本浏览器开始为每个元素在逻辑层面扩展了style对象，使用它能够动态..
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
使用JavaScript动态控制CSS样式
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口jquery控制css样式 jquery改变css样式方法 - jquery教程 - ab蓝学网
当前位置: &
jquery控制css样式 jquery改变css样式方法
简介:用jquery动态控制css样式也方便，下面详细说说实现过程。
在我们实际网站建设或者软件开发的过程中要实现某种特效，用jquery控制css样式那是不二的简单方法。那么，我们为定义好的css样式可以调用元素的css方法添加样式有哪些呢?方法介绍如下：
$(&span&).css(&css属性名&,&属性值&) 如& $(&span&).css(&color&,&red&) 将标签为span的字体都设为红色的 $(&#idname&)表示获取id为idname的标签 $(&.name&) 表示获取class为name的标签 $(&span&)& 表示获取span的标签 另外我们来看一下常用的jquery操作css样式的实际例子 对标签&span class=&cccc&&&/span&进行相关的jquery操作。 1、$('.cccc').css(&样式&)：获得样式值，比如$(&.cccc&).(&color&)& 获得cccc中字体的颜色 2、$('.cccc').css(&样式&,&value&):为样式赋值，如$(.&cccc&).css(&color&,&red&); 3、$('.cccc').addClass(&样式类名1,样式类名2,样式类名3&):可以添加多个定义好的样式类 4、$('.cccc').hasClass(&样式类名&)：判断是否存在该样式 5、$('.cccc').toggleClass(&样式类名&)：如果存在(不存在)就切换(删除)样式 6、$('.cccc').toggleClass(&样式类名&,swith):如果swith为false，则删除样式，如果swith为true，则切换成该类 7、$('.cccc').removeClass(&样式类名&)：移除样式类 8、$('.cccc').css({样式名:&value&,样式名:&value&,样式名:&value&}):可以多次添加样式
看了这些代码，我们也可以根据上面的英文单词就可以理解它的用法，当然我们能够记下来最好，记不下来也没有关系，找找资料也就很容易实现了。
转载注明本文地址：
如果觉得《jquery控制css样式 jquery改变css样式方法》不错，请把本站告诉您身边的朋友！
正在加载 jquery控制css样式 jquery改变css样式方法 评论...js 动态修改css文件，循环用的underscore，在使用cssRule只能使用cssRule.style.padding=0px，详细示例如下
_.find(document.styleSheets[4].cssRules,function(cssRule){
if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")&-1){
cssRule.style.position="";
cssRule.style.top = "0px";
if(cssRule.selectorText && cssRule.selectorText.indexOf("#pageIndi_content, #page1_l1_content, #page_appList") &-1){
cssRule.style.padding = "0px";
if(cssRule.selectorText && cssRule.selectorText.indexOf("#page1_index_content") &-1){
cssRule.style.padding = "0px";
循环用的underscore，在使用cssRule不能直接使用下面的代码，否则不会生效
view sourceprint?1 cssRule.style=" left: 0;position:'';right: 0; top: 0z-index: 1031;";
view sourceprint?1 cssRule.style.padding = "0px";
更多信息请查看
易贤网手机网站地址：
【】&&&&&【】
由于各方面情况的不断调整与变化，易贤网所提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！
& (昨 09:40)
& (昨 09:36)
& (09月08日)
& (09月08日)
& (09月08日)
& (09月08日)
& (09月08日)
& (09月08日)
& (09月08日)
& (09月08日)
& (09月08日)
& (09月08日)
云南各地招聘
&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp会员注册
本站不参与评论，（&&点此深度交流 ）
自觉遵守：爱国、守法、自律、真实、文明的原则
尊重网上道德，遵守中华人民共和国各项有关法律法规
严禁发表危害国家安全，破坏民族团结、国家宗教政策和社会稳定，含侮辱、诽谤、教唆、淫秽等内容的评论
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
您在本站发表的评论，本站有权保留、转载、引用或者删除
参与本评论即表明您已经阅读并接受上述条款
将该文分享到：

我要回帖

更多关于 js动态添加css样式 的文章

 

随机推荐