<script>

function showDetails(animal)

{

    var animalType = animal.getAttribute("data-animal-type");

    alert("The " + animal.innerHTML + " is a " + animalType + ".");

}

</script>

<h1>物种</h1>

<p>点击一个物种，看看它是什么类型：</p>

​

<ul>

  <li onclick="showDetails(this)" id="owl" data-animal-type="bird">Owl</li>

  <li onclick="showDetails(this)" id="salmon" data-animal-type="fish">Salmon</li>  

  <li onclick="showDetails(this)" id="tarantula" data-animal-type="spider">Tarantula</li>  

</ul>

​