前端学习之原生JS实现css方法的封装

HTML代码：

---

<div>这是一个有颜色的div</div>

JS代码：

---

//获取元素
var o = document.querySelector("div");
    // o.style.color = "red";
    // var s = window.getComputedStyle(o,null).color;
    // console.log(s);
    function css(item, value) {
    //判断是否有第二个参数
        if (value != undefined) {
            o.style[item] = value;
            //判断一个参数时，是否为对象
        } else if (item instanceof Object) {
            for (var i in item) {
                o.style[i] = item[i];
            }
        } else {
            var s = window.getComputedStyle(o, null)[item];
            console.log(s);
        }
        // console.log(item, s);
    };
  	 // css("color");
    //css("color","red");
    css({ color: "blue", fontSize: "20px" });