从内联css获取特定属性

Question

我需要从内联CSS获取特定属性。

<div class="ABC" style="width: auto; position: relative; transition-duration: 0s; transform: translate3d(0px, 0px, 0px);"> 

从上面的div我需要获得以前后得到transform:translate3d(0px,**222px**,0px);，我需要使用j个查询如何前进，以获得一个变量的值**222px**和存储。

Answer 1

我不认为你真的可以得到那种风格？
jQuery和element.style似乎都不会返回CSS中设置的翻译值，所以下一个选项是将元素样式属性作为字符串获取，然后操作它以获取变换样式，然后将其拆分为中间值：

var style = document.getElementsByClassName('ABC')[0].getAttribute('style'); 
var trans = style.split('transform').pop().split(')').shift().split(',')[1].trim(); 

FIDDLE