有多种方法。我首先想到的一个是解析你得到的字符串。
例如：
function getTranslateZ(obj)
{
var style = obj.style,
transform = style.transform || style.webkitTransform || style.mozTransform,
zT = transform.match(/translateZ\(([0-9]+(px|em|%|ex|ch|rem|vh|vw|vmin|vmax|mm|cm|in|pt|pc))\)/);
return zT ? zT[1] : '0';
//Return the value AS STRING (with the unit)
}
// getTranslateZ(tabletParent) => '0px'
但是，这仅适用于明确定义的 translateZ（不是 translate3d 或 matrix3d）。最一致的方法可能是 getComputedStyle，但这总是以 px 为单位获取值，因此仅在您计算它时才真正有效（窗口大小调整可以改变它）：
function getComputedTranslateZ(obj)
{
if(!window.getComputedStyle) return;
var style = getComputedStyle(obj),
transform = style.transform || style.webkitTransform || style.mozTransform;
var mat = transform.match(/^matrix3d\((.+)\)$/);
return mat ? ~~(mat[1].split(', ')[14]) : 0;
// ~~ casts the value into a number
}
// getComputedTranslateZ(tabletParent) => 0
请参阅 this fiddle 显示这两种方法（请注意，我一直在使用 chrome 进行测试，所以我在你的 CSS 前面加上了 -webkit-）。
编辑：
要获得 translateY，如果您的访问者浏览器足够新以支持 getComputedStyle，您可以更改我的 getComputedTranslateZ 函数来处理矩阵和 matrix3d 值。这比尝试解析所有可能的 css 字符串（translateY、translate、translate3d、matrix、matrix3d）要简单：
function getComputedTranslateY(obj)
{
if(!window.getComputedStyle) return;
var style = getComputedStyle(obj),
transform = style.transform || style.webkitTransform || style.mozTransform;
var mat = transform.match(/^matrix3d\((.+)\)$/);
if(mat) return parseFloat(mat[1].split(', ')[13]);
mat = transform.match(/^matrix\((.+)\)$/);
return mat ? parseFloat(mat[1].split(', ')[5]) : 0;
}