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'

 

你可能感兴趣的:(js)