js获取、更改标签属性值及移除标签属性

1.获取属性值

// (1)element.属性

 var div = document.getElementsByTagName('div');
    console.log(div[0].id); // a

//(2)通过element.getAttribute

 console.log(div[1].getAttribute('data-index')); // 1

// 区别： element.属性只能获取元素自带的一些属性，我们自定义的属性获取不到，而element.getAttribute可以获取自定义属性，所以更推荐这种写法
// console.log(div1.data-index);  // index is not defined

2.设置属性值

 // (1)element.属性 = 值

   div[0].id = 'y';

  // (2)element.setAttribute = 值

 div[1].setAttribute('data-index',2);

3. 删除属性值

 // removeAttribute

  div[1].removeAttribute('id');