javascript - 检索 cookie 值和更改元素样式

Question

我有一个设置为 yab_uploadmode 的 cookie，它的数值范围为 1-4 和 4 个名为 btn1、btn2、btn3 和 btn4 的 div 元素，

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

非常感谢。

问候，

希尚特托迪

Answer 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相反。