使用 data-* 属性来嵌入自定义数据:

使用 data-* 属性来嵌入自定义数据:

<!DOCTYPE html>
<html>
<head>
<script>
function showDetails(animal) {
    var animalType = animal.getAttribute("data-animal-type");
    alert(animal.innerHTML + "是一种" + animalType + "");
}
</script>
</head>
<body>

<h1>物种</h1>

<p>点击某个物种来查看其类别:</p>

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

</body>
</html>

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112709.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 如何获取手机gps数据_获取手机gps数据

    如何获取手机gps数据_获取手机gps数据不借助QXDM,直接通过手机抓取qxdm日志。主要用于测试GPS的时候使用,因为测试GPS大都需要在室外进行(室外卫星信号良好),并且GPS问题一般需要获取QXDM日志,在室外不能连接PC端使用QXDM客户端工具。adbshellmkdir/sdcard/diag_logsadbpushgnss.cfg/sdcard/diag_logs/Diag.cfg_GNSS_Generic_2020.cfgadbshelldiag_mdlog-f/sdcard/diag_logs/Di

    2022年10月2日
    0
  • Virtualbox下使用virt-p2v

    Virtualbox下使用virt-p2v1虚拟机迁移参考:http://www.ibm.com/developerworks/cn/linux/l-cn-mgrtvm1/index.html2物理机到虚拟机的迁移virt-p2vredhat官方文档:https://access.redhat.com/documentation/en-US/Red_Hat_Enterprise_Linux/6/html/V2V_Guide/cha

    2022年7月26日
    9
  • ASP.NET之UpdatePanel控件

    ASP.NET之UpdatePanel控件

    2022年3月11日
    36
  • 比特每秒bps,2Mbps=256kbit下载速度转换算法。

    比特每秒bps,2Mbps=256kbit下载速度转换算法。

    2021年8月19日
    74
  • ENVI5.3安装教程(含软件下载)[通俗易懂]

    ENVI5.3安装教程(含软件下载)[通俗易懂]重要提示:各位安装目录和授权文件存放目录一定不要有中文!!!!!软件下载地址链接:https://pan.baidu.com/s/1W0FXIWoTw0zBzIpn1dLrHw密码:b3hw上文地址如果过期或者不能下载的话可以使用此链接http://pan.baidu.com/s/1eRVvk8i,或者艾特博主。最新地址链接:https://pan.baidu.c…

    2022年7月26日
    6
  • 外贸英文外链代发布

    外贸英文外链代发布  能进来看到这篇文章,就说明大家都是有发布英文seo外链需求的人,平时比较忙,一个人忙不过来,没有时间发外链,或者自己外链资源太少,外链质量不高,网站总是没人气,没订单怎么办,这时候我们出现了,mmoboy专业团队,提供优质的英文外链服务:  通过人工注册博客、论坛、新闻等站点回复留言,把网站推广出去,制造手工的回复式外部链接。提高你的网站客户IP流量,增加网站的反向链接和google的收录…

    2022年5月17日
    41

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号