Internet Explorer上的JavaScript树问题

Question

I need some help with my JavaScript. My JavaScript code is not working on Internet Explorer 8, it gives a blank display,and some error code, on ie console, please suggest me some solution to get this JavaScript code working on Internet Explorer. The following is the link for the fiddle:

Fiddle

---

Error Code

SCRIPT438: Object doesn't support property or method 'keys' File: treelist.js, Line: 12, Column: 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

Your code uses Object.keys() , which is not supported in Internet Explorer 8 (support was introduced in IE9). MDN has more information , including a polyfill you can use to fix your problem. Simply paste it into the relevant Javascript file.

As Zach L pointed out, your code also uses e.stopPropogation() . This is also unsupported by IE8 (again, it was introduced in IE9). MDN has more information , and Jonathan T. Neal has a polyfill you can use to work around the problem (it's the addEventListener code at the end of the article). Again, just paste it in.