JavaScript Examples Bible - UserWorks Technologies

Figure 13-2: Clicking on one SPAN element highlights fellow class
members.
Chapter 13 ✦ Event Objects (Chapter 29)
Notice that the scripts don’t have to know anything about the objects on the
page to address each clicked one individually. That’s because the srcElement
property provides all of the specificity needed for acting on the target element.
Listing 29-17: Using the srcElement property
srcElement Property
.bold {font-weight:bold}
.ital {font-style:italic}
function highlight() {
var elem = event.srcElement
if (elem.className == “bold”) {
document.styleSheets[0].rules[0].style.color = “red”
} else {
elem.style.color = “#FFCC00”
}
}
function restore() {
var elem = event.srcElement
if (elem.className == “bold”) {
Continued
421
(IE) event.srcElement