用原生js簡單封裝 css樣式

<div id="box">2017 一起加油吧!!</div>

<script>

//  獲取到元素 id
var box = document.getElementById('box');

// 調用css樣式函數設置樣式
setStyle(box,'color','blue');
setStyle(box,'fontSize','50px');

// 封裝一個   css 基礎簡單樣式的函數
//   第一個參數表示需要設置樣式的元素，第二個參數為元素的屬性，第三個參數為 屬性值
function setStyle(dom,key,value) {
    // dom 可能是一個數組，也可能是一個DOM 對象
    if (dom.length){
        for (var i=0,len=dom.length;i<len;i++){
            dom[i].style['key'] = value;
        }
        // 此處使用了 return 就不需要再使用 else 
        return;
    }
    dom.style[key] = value;
}


</script>