码迷,mamicode.com
首页 > Web开发 > 详细

html5 如何进行自定义属性的定义和查询

时间:2016-11-27 11:58:33      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:tutorial   name   type   判断   app   设置   dojo   html   hello   

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Tutorial: Hello Dojo!</title>
</head>

<body>
//html5 定义字段定义属性是data-开头的,读取通过dataset来进行读取,也可以进行自定义设置,支持chrome和firefox6+
<p id="myDiv" name="dd" data-huchao="huchao" data-Apple="apple">huchao</p>
<script>
var dd = document.getElementById(‘myDiv‘);
//取得自定义属性的值
var huchao = dd.dataset.huchao;
//设置自定义属性的值
dd.dataset.huchao = "123";
//判断是否有值
if (dd.dataset.huchao) {
alert(dd.dataset.huchao);
}
</script>
</body>

</html>

html5 如何进行自定义属性的定义和查询

标签:tutorial   name   type   判断   app   设置   dojo   html   hello   

原文地址:http://www.cnblogs.com/huchaoheng/p/6106099.html

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