javascript基础 通过修改class来修改样式

function addClassName(element,value) {
    if(!element.className){
        element.className = value;
    } else {
        element.className += " ";
        element.className += value;
    }
}

其实直接通过对象的style属性来修改样式并不是一个很好的选择 我们完全可以在css中顶一个class样式 然后通过js给他添加一个classname 这样就可以实现js修改样式 并且不去动html里面的东西 实现一个真正的三层分离 但要注意的是classname必须要设置成字符串的添加 不然直接替换那么原来的样式也会消失

function scriptLi(parentag,childtag,classname1，classname2) {
    var ullist = document.getElementsByTagName(parentag);

    for (var i = 0; i < ullist.length; i++) {
        var lilist = ullist[i].getElementsByTagName(childtag);
        var openClose = false;
        for (var j = 0; j < lilist.length; j++) {

            if (openClose == false) {
                addClassName(lilist[j],classname1)
                openClose = true;
            } else {
                addClassName(lilist[j],classname2)
                openClose = false;
            }
        }

对函数进行一个抽象化的处理 什么是抽象化呢 其实就是把具体的函数 变成更加不具体的过程 就叫抽象化 他可以让你的代码更加稳定 增加可读性

其实js不但可以修改样式 也可以增强css3的选择器