d3.js 树布局与 IE 的兼容性

Question

像往常一样，Internet Explorer 导致了兼容性问题。这次是我使用 d3.js 构建的树形图。我的树可以在其他浏览器中使用，但在 Internet Explorer 11 中加载页面时出现以下错误：

SCRIPT5007: Unable to get property '0' of undefined or null reference

带有指向引发错误的行的链接：

d3.select(this.parentNode.children[0]).attr('height', 21 * (lineNumber + 1));

我已经查看了this question 的所有答案，并尝试使用 aight.js，但无济于事。我还尝试使用元标记 <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 并更新了 d3.min.js 脚本。

在 IE 中加载的唯一内容是一些非常破碎、压扁、功能失调的 svg 外观废话。有任何想法吗？

更新

Here is a JSFiddle 和我的代码，以及我正在使用的 jquery 和 d3 版本。

Answer 1

所以事实证明 Internet Explorer 不喜欢 parentNode.children[0]。 要获取parentNode 的第一个孩子，请使用parentNode.firstChild。这使得脚本与 IE 兼容。