從內聯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