功能点击一个按钮button ,取消 css 样式的函数,我想取消页面所有class  如果修改,请教高手支招!
html:<button type="button" id="textMode" onclick="textMode()">纯文本通道</button>js://纯文本通道执行函数----------------------
function textMode(keyContorl){
if(keyContorl == undefined){textModeState = textModeState;}
else if(keyContorl == true){if(textModeState){return false;};}
else{if(!textModeState){return false;};}
if(!textModeState){
for(var i=0;i<allLink.length;i++){allLink[i].setAttribute("href",textModeStyleURL);}
frameTextMode();
imgTextMode();
textModeState = true;
if($("textmodebutton")){$("textmodebutton").setAttribute("value","切换为可视模式");}
if($("textmodebutton")){$("textmodebutton").setAttribute("title","切换为可视模式");}
if($("textmodebutton")){$("textmodebutton").style.width = "130px";}
setCookie("textModeState",1);
guidesHeightRefresh();
clearStyle();
}
else{
window.location.reload();
setCookie("textModeState",0);
}
}
//页面样式清除函数------------------------
function clearStyle(){
var newAllElements = $("container").getElementsByTagName("*");
for(var b=0;b<newAllElements.length;b++){newAllElements[b].style.cssText = "";}
for(var c=0;c<newAllElements.length;c++){newAllElements[c].style.height = "auto";};
try{
$("rightcolumn").style.height = "";
$("mainrightcolumn").style.height = "";
}
catch(e){}
}

解决方案 »

  1.   

    newAllElements[b].className = "";
      

  2.   

    var form = document.getelementsbytagname("form")
    for (var i = 0; i < form.length; i++) {
    for (var j = 0; j < form[i].elements.length; j++) {
      var e = form[i].elements[j];
      $(e).className = "";}
    }
      

  3.   

    把所有的样式放到cssID表中document.getElementById('cssID').disabled = true;
      

  4.   

    把link中的样式表文件的 src清空或者改变就可以了
      

  5.   


    类似这样,找form中的所有元素,循环,清空class