如何通过javascript添加类cookie?
我不想在页面加载后更改类。如何在我的项目中添加类cookie HTML 红色 绿色的如何通过javascript添加类cookie?,javascript,cookies,Javascript,Cookies,我不想在页面加载后更改类。如何在我的项目中添加类cookie HTML 红色 绿色的 <div class="red">Testing Text1</div> <div class="red">Testing Text2</div> Javascript function changeClass(value) { var color1 = 'red'; var color2 = 'green'; if (valu
<div class="red">Testing Text1</div>
<div class="red">Testing Text2</div>
Javascript
function changeClass(value) {
var color1 = 'red';
var color2 = 'green';
if (value == 2) {
color1 = 'green';
color2 = 'red';
};
var elems = document.getElementsByClassName(color1);
var i = elems.length;
while (i--) {
var item = elems[i];
if (hasClass(item, color1)) {
removeClass(item, color1);
addClass(item, color2);
}
};
return false;
};
function hasClass(ele, cls) {
return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function addClass(ele, cls) {
if (!hasClass(ele, cls)) ele.className += " " + cls;
}
function removeClass(ele, cls) {
if (hasClass(ele, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
ele.className = ele.className.replace(reg, ' ');
}
}
用于在JS中添加cookie
function setCookie(cname, cvalue, exdays)
{
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
用于获取jS中的Cookie
function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) != -1) return c.substring(name.length,c.length);
}
return "";
}
函数getCookie(cname)
{
变量名称=cname+“=”;
var ca=document.cookie.split(“;”);
对于(var i=0;i您需要在何处添加类?Sry。我想添加cookie。而不是类。在何处将cookie添加到我的项目。我的意思是,当单击“绿色”时,整个元素中的所有类名都是“绿色”,然后在页面细节后不更改类名。
function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) != -1) return c.substring(name.length,c.length);
}
return "";
}