Javascript $（对象）[0]。offsetTop在Chrome中工作，但在Firefox中不工作

我正在尝试访问此属性：

$(text)[0].offsetTop

它在Chrome中运行良好，但在Firefox中我得到“未定义”。 在所有浏览器中都有这样做的方法吗

见：

如果您想知道我需要这个做什么：

---

我想在矩形的垂直中心对齐可变字体大小的文本。然而，字体大小总是在字母实际顶部上方有一点间隙。我想要的是实际的像素高度。在我将“主基线”设置为“挂起”后，字母上方的这个间隙正好是“offsetTop”的值。

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

可能重复感谢！但是，当我尝试$（text）.OffStToT（）时，我得到“Uncaught TypeError：未定义不是函数”……请考虑将正确的格式应用到<代码>代码< /代码>。

$("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  });