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));

我已經遍歷了該問題的所有答案，也嘗試使用aight.js進行了嘗試，但都無濟於事。 我還嘗試使用元標記<meta http-equiv="X-UA-Compatible" content="IE=Edge" />並更新了d3.min.js腳本。

IE中唯一加載的東西是一些非常破碎，壓扁，功能異常的svg外觀的廢話。 有任何想法嗎？

更新

這是一個包含我的代碼的JSFiddle ，以及我正在使用的jquery和d3的版本。

Answer 1

因此，事實證明Internet Explorer不喜歡parentNode.children[0] 。 要獲取parentNode的第一個孩子，請使用parentNode.firstChild 。 這使腳本與IE兼容。