$(object)[0].offsettop在Chrome中工作,但在Firefox中不工作

Question

我正在尝试访问此属性：

$(text)[0].offsetTop

它在Chrome中运行良好，但在Firefox中我得到了“未定义”。有没有什么方法可以在所有浏览器中做到这一点呢？

$("body").css("margin", "0px");
var svgNS = "http://www.w3.org/2000/svg";

var svgBox = document.createElementNS(svgNS, "svg");
$("body").append(svgBox);  
var text = document.createElementNS(svgNS, "text");
$(svgBox).append(text);

text.innerHTML = "Hello World";

$(text).attr({ "dominant-baseline": "hanging"});
console.log($(text)[0].offsetTop);

$(text).attr({ "x": 0 , "y":  0  });

如果你想知道我需要它做什么：我想在一个矩形的垂直中心对齐一个可变字体大小的文本。字体大小，然而，总是包括一个小的空隙以上的实际顶部的字母。我想要的是实际的像素高度。字母上方的这个差距正是我将“显性-基线”设置为“悬挂”后“offsettop”的值。

Answer 1

使用$(element)[0].offsetTop，而不是使用$(element).offset()，它返回一个带有顶部和左侧的对象。