目录
- 自定义属性的总结
案例
自定义属性总结
- 设置自定义的属性： 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>