收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2624|回复: 3

请问如何用JS修改某样式里的值?比如.all{}

[复制链接]
发表于 2009-4-17 13:06:35 | 显示全部楼层 |阅读模式
请问如何用JS修改该样式里的值?比如将
0% 改为{-webkit-transform:translate(0,100);}
@-webkit-keyframes pageclip_fire{
        0% {-webkit-transform:translate(0,0);}
        100% { -webkit-transform: translate(0,-100%); }
}



解决办法:
JS:
var cssStyle=document.styleSheets[0].rules[4]
    //cssStyle.selectorText   cssStyle.style.cssText
        var str=""
        for(var i in cssStyle[1]){
               
        // cssStyle[1][i]+"\n"
                        str+=i+":"+cssStyle[1][i]+"\n"
                 
        }
        alert(str)
搞不清楚的属性就打印出来,再挨个检查就可以了


最后:

function fireAll(target){
        var cssStyle=document.styleSheets[0].rules[4]
    //cssStyle.selectorText   cssStyle.style.cssText
        var str=cssStyle.selectorText+"\n"
        cssStyle[2].style.cssText="-webkit-transform: translate(0,-900px);"
        for(var i in cssStyle[2]){
               
        // cssStyle[1][i]+"\n"
                        str+=i+":"+cssStyle[2][i]+"\n"
                 
        }
        //cssStyle[2].style="-webkit-transform: translate(0,-500px);"
         
        //alert(cssStyle.cssText )
        // alert(cssStyle.selectorText+":>>>>>>>>>>>>>>>>>>>>\n"+cssStyle.style.cssText)
        alert(cssStyle[2].style.cssText)
         
        target.style.webkitAnimationName='pageclip_fire'
        target.addEventListener('webkitAnimationEnd',animationEnd,false)
}

[[i] 本帖最后由 4belief 于 2009-4-17 15:23 编辑 ]
 楼主| 发表于 2009-4-17 13:07:25 | 显示全部楼层

这个是运行在safari平台上用的,不要考虑其他浏览器

欢迎大家一起来讨论
回复 支持 反对

使用道具 举报

发表于 2009-4-17 13:45:33 | 显示全部楼层
-webkit-transform
这些都专利属性 w3c都没制定 domstyle里面没这样的值 应该不能改吧
你可以试试这样 obj.style.-webkit-transform='translate(0,0)';
看看行吗

不过有个办法 可以尝试
.a
.b

obj.className='a'
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-4-17 15:02:43 | 显示全部楼层
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-7-23 01:13 , Processed in 0.093513 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表