检索cookie值并更改元素样式

时间:2009-05-14 16:03:49

标签: javascript html css cookies

我将cookie设置为yab_uploadmode,它的数值范围为1-4和4个div元素,名为btn1,btn2,btn3& btn4,

如何在不使用任何框架的情况下检索cookie的值并将样式应用于该特定元素。

非常感谢。

此致

Shishant Todi

1 个答案:

答案 0 :(得分:1)

function getCookie(N){
   if(N=(new RegExp(';\\s*'+N+'=([^;]*)')).exec(';'+document.cookie+';'))
      return N[1]
}

我们将使用上述函数来获取cookie值。

window.onload=function(){
   var element, cookie = getCookie('yab_uploadmode');
   if(cookie && (element = document.getElementById('btn'+cookie))){
      //element.className = 'newClass'; // you can change the class...
      element.style.color='red'; // ... or a single property
   }
}

如果您不想使用window.onload属性,请改用addEvent function