Internet Explorer 上的 JavaScript 树问题

Question

我的 JavaScript 需要一些帮助。我的 JavaScript 代码不能在 Internet Explorer 8 上运行，它会在 IE 控制台上显示空白和一些错误代码，请建议我一些解决方案以使此 JavaScript 代码在 Internet Explorer 上运行。以下是小提琴的链接：

Fiddle

---

错误代码

SCRIPT438：对象不支持属性或方法“键” 文件：treelist.js，行：12，列：13

---

var dataSource = {
            "Watch": {
                "Titan": {},
                "parent": {
                    "leaf1": {},
                    "leaf2": {}
                },
            }
        },
    traverseObject = function (obj) {
        var ul = document.createElement("ul"),
            li;

        for (var prop in obj) {
            li = document.createElement("li");
            li.appendChild(document.createTextNode(prop));
            li.onclick = function(e) {
                var classNames = e.currentTarget.className;
                if (classNames.indexOf("hidden") == -1) {
                    e.currentTarget.className += "hidden";
                } else {
                    e.currentTarget.className = e.currentTarget.className.replace("hidden", "");
                }
                e.stopPropagation();
            }

            if (typeof obj[prop] == "object" && Object.keys(obj[prop]).length) {
                li.appendChild(traverseObject(obj[prop]));
            } else {
                li.className += "leaf";
            }
            ul.appendChild(li);
            console.log(ul);
        }
        return ul;
    };


window.onload = function () {
    document.getElementById("dvList1").appendChild(traverseObject(dataSource));
}

Answer 1

您的代码使用Object.keys()，这在 Internet Explorer 8 中不受支持（在 IE9 中引入了支持）。 MDN has more information，包括可用于解决问题的 polyfill。只需将其粘贴到相关的 Javascript 文件中即可。

正如Zach L 所指出的，您的代码也使用e.stopPropogation()。 IE8 也不支持这一点（同样，它是在 IE9 中引入的）。 MDN has more information 和 Jonathan T. Neal has a polyfill 可以用来解决问题（这是文章末尾的 addEventListener 代码）。同样，只需将其粘贴进去。