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

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

<!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

JAVA 正则表达式_正则表达式文档

JAVA 正则表达式_正则表达式文档一、校验数字的表达式1数字：^[0-9]*$2n位的数字：^\d{n}$3至少n位的数字：^\d{n,}$4m-n位的数字：^\d{m,n}$5零和非零开头的数字：^(0|[1-9][0-9]*)$6非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?…

全栈程序员-站长
2022年9月17日
2
从零开始ARM裸机开发之建立开发环境

从零开始ARM裸机开发之建立开发环境从零开始ARM裸机开发之建立开发环境 –参考朱有鹏ARM裸机课程1、前言：以前学过TQ2440的程序，在Ubuntu中建立的环境是不符合S5PV210需要的开发环境的这篇博文主要讲解一下建立一个简单的嵌入式开发环境需要什么？2、回

全栈程序员-站长
2022年5月6日
71
layoutSubviews和drawRect

layoutSubviews和drawRectLayoutSubviews 子类可以重写此方法，因为需要更精确执行他们子视图的布局。只有当autoresizing和基于约束的行为的子视图不提供你想要的行为，应重写此方法。该方法不应直接调用。如果你想要强制布局更新，下一次绘图更新之前应当反向调用setNeedsLayout方法，如果您想要立即更新您的视图的布局，请调用layoutIfNeeded方法。

全栈程序员-站长
2022年7月15日
16
ID卡复制教程(使用T5577卡复制4100卡)

ID卡复制教程(使用T5577卡复制4100卡)1ID卡的常见类型与区别国内常见的普通ID卡多为EM4100或EM4102卡，其特点是不可修改ID号。为了复制普通ID卡，通常采用T5577或EM4305卡（俗称ID白卡），其特点是内部EEPROM可读可写，修改卡内EEPROM的内容即可修改卡片对外的ID号，达到复制普通ID卡的目的。本文以T5577卡复制普通EM4100卡。读者需具备基本的电子DIY能力。多说一句，ID…

全栈程序员-站长
2022年6月10日
365
kalman滤波融合原理及其matlab仿真「建议收藏」

kalman滤波融合原理及其matlab仿真「建议收藏」1、kalman原理卡尔曼滤波是一种递推式滤波方法，不须保存过去的历史信息，新数据结合前一刻已求得的估计值及系统本身的状态方程按一定方式求得新的估计值。1.1、线性卡尔曼假设线性系统状态是k，卡尔曼原理可用以下五个公式表达：X(k|k-1)=AX(k-1|k-1)+BU(k)………..(1)P(k|k-1)=AP(k-1|k-1)A’+Q…………

全栈程序员-站长
2022年5月28日
48
ffmpeg处理字幕「建议收藏」

ffmpeg处理字幕「建议收藏」ffmpeg处理字幕ffmpeg加载font以ass为例，第一次用ffmpeg将ass字幕加到视频里面的时候报下面的错误：Fontconfigerror:Cannotloaddefaultconfigfile[Parsed_ass_0@00000000042c33c0]Nousablefontconfigconfigurationfil…

全栈程序员-站长
2025年6月23日
4