js setAttribute的那些坑及正确设置属性值

// 坑①
var id = document.getElementById('moGId');
id.setAttribute('class');
// 多个浏览器呈现不兼容的现象

可以使用 id.class = 'red';

/*
1. standard attribute：标准属性（或固有属性），如id、name等DTD/Scheme中定义的标签属性。
 
　　　　特点：通过点方式或getAttribute均可访问、设置。
 
2. custom property：自定义属性，通过点方式访问、设置的非DTD/Scheme中定义的标签属性。
 
　　　　特点：仅仅能通过点方式操作属性。
*/

 

// 正确设置class的属性
document.getElementsByClassName('main-link-list')[0].setAttribute('class', '333333')

document.getElementById('test').class = 'red'