javascript - document.querySelector(...).offsetWidth 在 Firefox 中返回 null

Question

我在我的 javascript (coffeescript) 文件中使用了以下代码:

myVar = document.querySelector('SVG > a:nth-child(2) > text').offsetWidth

在 google chrome 中，这返回嵌套在 svg 元素内的 a (anchor) 元素内的文本元素的宽度，正如预期的那样。在 Firefox 中，这返回 NULL。我想也许我的选择器语法不符合 Mozilla 的标准，所以我也试了一下，但即使我可以正确选择 DOM 元素(如控制台输出的那样)，我也无法检索任何属性 offsetWidth；它总是会返回未定义。

现在，以防万一，我的 SVG 对象通过一些 Javascript 动态注入(inject)到我的页面中。它直接放在 div 的主体中并包含在 <svg> 中。和 </svg>标签。

什么给了？如何确定这些元素的宽度？

谢谢!

Answer 1

NickFitz的 answer这就是您所需要的。

他提议使用 SVG 的标准函数 getBBox() .

myVar = document.querySelector (...).getBBox ().width