700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js 获取和设置css3 属性值的实现方法【javascript】

js 获取和设置css3 属性值的实现方法【javascript】

时间:2021-10-04 10:41:50

相关推荐

js 获取和设置css3 属性值的实现方法【javascript】

web前端|js教程

js,获取属性值

web前端-js教程

众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了。

php 课程报名管理源码,显示系统信息ubuntu,面包虫啃爬虫,cordova php,苏州seo方法lzw

如:

e语言录音源码,vscode合作写代码,ubuntu窗口闪,代码启动tomcat项目,名字+爬虫,php用户密码加密,大泉州seo优化推广,企业网站首页全屏尺寸,asp儿童早教网站模板lzw

left:100px”> 只考虑行间样式的话,只需 div.style.left 就可获取,设置的时候也只需要 div.style.left=’100px’ 即可。很简单。

wifi 160源码,vscode目标目录损坏,ubuntu 宽带连接,tomcat 爬虫, sqlite事务,国外web网页设计精选(20,商城 sku 数据库设计,骗子使用境外服务器,网页小插件下载,hui前端框架框架,src爬虫,php round,高粱seo,springboot写注册,织梦当前栏目标签,二手车交易网站源码,箭头 切换效果 网页,易酷cms模板,ectouch后台地址,h5的页面支持体系,微信用户管理系统,matlab 图像反相程序lzw

但是css3来了

如:

-webkit-transform: translate(20px,-20px)”> 怎么搞?被吓住了。。。

设置的时候很简单:

div.style.webkitTransform=’translate(20px,-20px) ‘ 遵循驼峰式的写法即可。

获取的时候:

div.style. webkitTransform 的值为字符串 ‘translate(20px,-20px) ‘

如何获取想要的X、Y值呢?搜索半天没有找到简单办法。只能字符串截取,或者正则匹配来获得了。

写一个正则表达式 获取想要的 20和-20

reg=/\-?[0-9]+/g匹配负号和数字

reg2=/\-?[0-9]+\.?[0-9]*/g 可能包含小数点的

然后来match搜索一下

div.webkitTransform.match(reg) //结果 [20,-20]

就会返回一个包含X值和Y值的数组了。

同理:

-webkit-transform: skew(20deg,-50deg); /* skew(相对x轴倾斜,相对y轴倾斜)*/

-webkit-transform: matrix(1,0.4,0,1,0,0);

各种等等。。。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。