使用js设定标签属性，利用循环遍历给标签添加事件

设定标签属性

给标签添加属性

语法

标签对象.setAttribute('属性名称' , 属性值);

一次只能定义一个属性，如果要定义多个属性，要执行多次。例如：

标签对象.setAttribute('属性名称1' , 属性值1);
标签对象.setAttribute('属性名称2' , 属性值2);

获取标签属性的属性值

语法

标签对象.getAttribute('属性名称');

获取到的结果，都是字符串类型。

实例

<div>我是div</div>

<script>
    var oDiv = document.querySelector('div');
    
    // 给 div 标签,添加属性index 属性值是0
    oDiv.setAttribute('index' , 0);
    oDiv.setAttribute('key' , '第一个div');
    
    // 获取标签属性的属性值
    console.log( oDiv.getAttribute('index') );