Legacy IE Event Model

by Susan Delgado

HTML

Example will work in IE only
<div id="txt" class="light">
    <p>Text in here</p>
<a href="https://www.google.com">Light</a>

<a href="https://www.google.com">Dark</a>

</div>

CSS

.light {
    color:black;
    background-color:white;
}
.dark {
    color:white;
    background-color:black;
}

JavaScript

(function () {
    var txt = document.getElementById("txt"),
        buttons = document.getElementsByTagName("a");
    for (var i = 0, len = buttons.length; i < len; i = i + 1) {
        var buttonClick = function (e) {
            // event.srcElement
            var name = event.srcElement.innerHTML.toLowerCase();
            event.returnValue = false;
            txt.className = name;

        };
        var buttonClick2 = function (e) {
            event.returnValue = false;
            alert("second function");

        };
        buttons[i].attachEvent("onclick", buttonClick);
        buttons[i].attachEvent("onclick", buttonClick2);
        // buttons[i].detachEvent("onclick",buttonClick);
    }

}());