《JavaScript高级程序设计》读书笔记：classList 与 readyState

继续学习《JavaScript高级程序设计》，体会原生 JavaScript 之美。今天记录2个有用的属性。

1.classList

HTML5 对DOM操作 class 做了优化，增加了 classList 属性，从此再也不用对 className 做字符串操作了。它有4个方法

add // 增加一条属性（已经存在就不添加）
contains // 判断属性是否存在
remove // 删除属性
toggle // 如果存在就删除，不存在就添加。这个好玩～

2.readyState

曾几何时，使用 onload 方法来判断页面有没有加载完毕，现在有了 document.readyState , 一切就简单了。

其中书中的内容不完整（P292），这个属性目前已经有了3个值（2018-02-24）

loading //页面还在加载
interactive //文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。
complete // 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。

之前使用 m-React 的时候使用的是 onload 方法，如果下次有机会再来测试一波 readyState