目录
自定义属性总结
- 设置自定义的属性: setAttribute('属性的名字','属性的值');
- 获取自定义属性的值 : getAttrinute('属性的名字')
案例
<body>
<ul id="uu">
<li>歌曲:</li>
<li>作词:</li>
<li>作曲:</li>
<li>和声:</li>
<li>演唱:</li>
</ul>
<script src='common.js'></script>
<script>
//总结:
//1. 设置自定义的属性: setAttribute('属性的名字','属性的值');
//2. 获取自定义属性的值 : getAttrinute('属性的名字')
//根据id名获取ul的标签,并且设置该标签中的所有li标签
var lists = my$('uu').getElementsByTagName('li');
//循环遍历
for (var i = 0; i < lists.length; i++) {
//先为每个li添加自定义属性
lists[i].setAttribute('name', '小时姑娘')
//点击每个li标签,显示对应的自定义属性的值
lists[i].onclick = function() {
alert(this.getAttribute('name'));
}
}
</script>
</body>