HTML全局属性data-

<!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 οnclick="showDetails(this)" id="owl"
data-animal-type="bird">Owl</li>
<li οnclick="showDetails(this)" id="salmon"
data-animal-type="fish">Salmon</li>
<li οnclick="showDetails(this)" id="tarantula"
data-animal-type="spider">Taratula</li>
</ul>
</body>
</html>

HTML全局属性data-相关推荐

HTML5: 全局属性
出处:http://www.cnblogs.com/starof/p/4593741.html 全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添 ...
HTML5 全局属性
HTML5 全局属性了解HTML5新加入的内容,首先了解对于所有元素都适应的全局属性,一部分是HTML5新添加的属性,一部分是HTML5之前就已经存在的属性,至于是什么时候添加到HTML标准中,就不 ...
html常用语义化元素和全局属性整理
WWW www其实是World Wide Web 的缩写,它是一个由许多互相链接的超文本组成的系统,通过互联网访问, 在汉语中,www 被翻译成(web 万维网全球广域网). <HTML> ...
HTML 17 HTML 全局属性
HTML 文章目录 HTML 17 HTML 全局属性 17.1 HTML 全局属性 17.1.1 accesskey 属性 17.1.2 class 属性 17.1.3 contenteditabl ...
6.微信小程序的如何使用全局属性
下面以全局属性为例新建一个hello world项目在app.js页面中有一个globalData,这是一个全局对象. 在里面添加一个属性 info:"你好" 那么要怎样才能获 ...
html全局属性什么意思,# HTML # HTML全局属性
HTML 中的全局属性对任何 HTML 元素有效! HTML4 中的全局属性 1.class 规定元素的类名,主要用于写样式. 所有主流浏览器都支持 class 属性在 HTML 4.01 中, c ...
在vuejs 中使用axios不能获取属性data的解决方法
在vuejs 中使用axios不能获取属性data的解决方法参考文章: (1)在vuejs 中使用axios不能获取属性data的解决方法 (2)https://www.cnblogs.com/lo ...
《HTML5游戏编程核心技术与实战》一2.6 其他全局属性
本节书摘来异步社区<HTML5游戏编程核心技术与实战>一书中的第2章,第2.6节,作者: 向峰责编: 杨海玲,更多章节内容可以访问云栖社区"异步社区"公众号查看. 2 ...
HTML5全局属性和事件
全局属性和事件能够应用到所有标签元素上,在HTML4中有许多全局属性,比如id,class等.HTML5中又新增了一些特殊功能的全局属性和事件. 属性: HTML5属性能够赋给标签元素含义和语境,下面 ...

HTML全局属性data-

HTML全局属性data-相关推荐

最新文章

热门文章