來來來，開篇點題。
分頁應用。當在當前頁時，分頁的數字有個框之類的。
重要代碼如下
<ul class="pagination"> <li><a href="#"><i class="fa fa-angle-left"></i></a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#"><i class="fa fa-angle-right"></i></a></li> </ul>
好，問題來了：我們是一個一個修改，添加 【class="active"】嗎？如果10可以，那么100個呢？
這里只說如何添加class,不說怎么分類哈。
1 方法
重要代碼： el.setAttribute('class','blablaba');
實例代碼
<style type="text/css">
.red {
background: red; } </style> <div id="d1">test div</div> <script> var div = document.getElementById('d1'); div.setAttribute("class", "red"); </script>
問題：IE6/7 : div背景色不是紅色
IE8/9/10/Firefox/Safari/Chrome/Opera : div背景色為紅色
結果：IE6/7不支持setAttribute('class',xxx)方式設置元素的class。
這個方法不好，那向下看
2.來個幾乎萬能的way
核心代碼：el.className = 'blablabla';
<style type="text/css">
.red {
background: red;
}
</style>
<BODY>
<div id="d1">test div</div>
<script>
var div = document.getElementById('d1');
div.className = 'red';
</script>