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

全栈程序员-站长 • 2021年10月31日下午8:00 • 未分类 • 阅读 44

使用 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)

全栈程序员-站长

0 0

阿里云的云服务器ECS和云虚拟主机有何区别？

阿里云的云服务器ECS和云虚拟主机有何区别？阿里云的云服务器和云虚拟主机的共同点是都可以用来搭建网站，云服务器和云虚拟主机有很多相同之处，也有很多不同之处，云吞铺子从功能、价格、应用场景及优势几方面详细说明阿里云的云服务器和云虚拟主机之间的区别：一：云服务器ECS和虚拟主机的区别云服务器：虚拟的一台服务器，除了硬件摸不着外其他的功能和服务器一样，我们可以狭义的将云服务器ECS就看做一台物理服务器，ECS让用户拥有更多权限，用户可以在ECS上安装各种扩展插件实现各种功能，ECS需要有专业技术人员来维护。适合有技术实力、懂得服务器配置及维护的用户

全栈程序员-站长
2022年6月25日
JDBC从入门到精通

JDBC从入门到精通JDBC概念我们学习了数据库，数据库实现了数据的持久化，但我们最终要在程序里处理数据啊，那java代码中怎么去访问数据库读写数据呢？这就要用到sun公司设定的一套数据库标准了，这套标准就是JDBC（JavaDatabaseConnectivity）。但它只是规范，不做具体实现。于是数据库厂商又根据JDBC标准，实现自家的驱动Driver。如：mysql驱动com.mysql.cj.jdbc.Driver，Oracle的驱动oracle.jdbc.OracleDriver。有了这套解决方案，java

全栈程序员-站长
2022年6月23日
管道socket什么意思_pipe是什么意思

管道socket什么意思_pipe是什么意思在看Android输入系统的时候，第一次看到socketpair，发现和管道非常相似。唯他们的区别就是socketpair，默认支持全双工，而pipe是半双工的。他们一样只能用在父子进程或者线程之间通信。下面分别以socketpair和管道实现全双工通信。管道实现线程间全双工通信#include#include#include#

全栈程序员-站长
2022年10月14日
[Pycharm] 远程连接服务器「建议收藏」

[Pycharm] 远程连接服务器「建议收藏」1.选择远程python解释器File->Settings->Project->PythonInterpreter点击+号其中Host是服务器的固定IPUsername是服务器上创建的自己的用户名（注意在服务器上创建用户的时候，记住用户名和密码）Next，Next，因为服务器中会安装多个Python环境，在Interpreter中可以指定不同的虚拟环境。在Linux中，通常在/data和/home中都会创建自己用户名的文件夹，虚拟环境由于占内存较多，通常存储在/d

全栈程序员-站长
2022年8月27日
java队列(Queue)用法总结[通俗易懂]

java队列(Queue)用法总结[通俗易懂]1.队列的特点队列是一种比较特殊的线性结构。它只允许在表的前端（front）进行删除操作，而在表的后端（rear）进行插入操作。进行插入操作的端称为队尾，进行删除操作的端称为队头。队列中最先插入的元素也将最先被删除，对应的最后插入的元素将最后被删除。因此队列又称为“先进先出”（FIFO—firstinfirstout）的线性表，与栈(FILO-firstinlastout)刚好相反…

全栈程序员-站长
2022年7月14日
.NET 中的二进制浮点类型(译文)

.NET 中的二进制浮点类型(译文)

全栈程序员-站长
2021年8月9日

发表回复

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