javascript - Firefox 中 d3 svg 选择的 "offsetParent"属性的类型错误

Question

以下代码在 Chrome 44 中有效，但在 Firefox 40 中无效:

var width = 460, height = 300;

var svg = d3.select("body").append("svg")
  .attr("width", width)
  .attr("height", height)
  .append("g")
  .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

svg.append("text").text("Offset = " + svg.property("offsetParent").offsetTop)

Firefox 抛出一个 TypeError: svg.property(...) is undefined 异常。

这是一个jsfiddle的代码。

这是一个错误吗，也就是说，我应该报告它吗？有没有其他方法可以在 Firefox 中获取父偏移量？

Answer 1

当然要报告它，但作为 Chrome 错误，而不是 Firefox 错误。 offsetParent只是一个 HTML 元素属性。当在 SVG 元素上调用时，它应该返回未定义，这正是 Firefox 所做的。

你可以试试 getBoundingClientRect它的左/顶部值可能就是您要查找的值。