码迷,mamicode.com
首页 > 其他好文 > 详细

data-*

时间:2018-11-14 12:37:47      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:script   nim   head   data-   animal   anim   利用   获得   att   

<!DOCTYPE html>
<html>
<head>
<script>
function showDetails(animal) {

alert( animal.getAttribute("data-animal-type") );//利用getattribute来获得data-*的值
}
</script>
</head>
<body>

 

<ul>
<li onclick="showDetails(this)" id="owl" data-animal-type="鸟类">喜鹊</li>
<li onclick="showDetails(this)" id="salmon" data-animal-type="鱼类">金枪鱼</li>
<li onclick="showDetails(this)" id="tarantula" data-animal-type="蜘蛛">蝇虎</li>
</ul>

</body>
</html>

 

data-*

标签:script   nim   head   data-   animal   anim   利用   获得   att   

原文地址:https://www.cnblogs.com/lujunan/p/9956975.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!