<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>062</title>
</head>
<body>
<div>
<img src="001" alt="001">
<img src="002" alt="002">
<img src="003" alt="003">
<img src="004" alt="004">
<img src="005" alt="005">
</div>
</body>
<script type="text/javascript">
window.onload = function () {
var imgs = document.getElementsByTagName("img");
for (var i = 0; i < imgs.length; i++) {
imgs[i].addEventListener("mouseover", getInfo,false);
imgs[i].addEventListener("mouseout", removeWindow, false);
}
function getInfo () {
console.log('mouseover: ' + this);
}
function removeWindow () {
this.parentNode.removeChild(this);
}
}
</script>
</html>