HTML全局属性data-

来源：互联网发布：淘宝双11不能付款编辑：程序博客网时间：2024/05/16 07:20

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function showDetails(animal)
{
var animalType=animal.getAttribute("data-animal-type");
alert("The"+animal.innerHTML+"is a"+animalType+".")
}
</script>
<title></title>
</head>
<body>
<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">Taratula</li>
</ul>
</body>
</html>

0 0