Head Rush Ajax

you’re on your way 4

259

developing dom apps

function addToTop5() {

var imgElement = this;

var top5Element = document.getElementById(“top5”);

}

Next, let’s get the “top5” <div> element from the

browser’s DOM tree. You’ll need to add the <img>

element that was clicked on to the “top5” <div>, and

then remove the <img>’s onClick handler, so it no

longer runs addToTop5() when it’s clicked.

Now you’ve got the CD cover

image and the “top5” <div> that

you need to add the cover to.

Finding the “top5” <div>

addToTop5()

this

1. When someone clicks on an

image, addToTop5() is run...

2. ...and addToTop5() uses

the “this” keyword...

3. ...and the “this” keyword

points back to the image

that was clicked on.