使用JavaScript中的cookie和DOM操作来完成此任务。首先,需要检查cookie是否存在,如果存在,则隐藏该div元素。如果不存在,则显示该元素并设置cookie。
以下是具体的代码示例:
HTML代码:
JavaScript代码:
function hideDivWithCookie() { var div = document.getElementById("demo"); var cookieName = "divHidden"; var cookieValue = "yes";
// 检查cookie if (document.cookie.indexOf(cookieName) != -1) { div.style.display = "none"; } else { div.style.display = "block";
// 设置cookie
document.cookie = cookieName + "=" + cookieValue;
} }
// 调用函数 hideDivWithCookie();
这个函数将检查名为'divHidden”的cookie是否存在。如果存在,将隐藏id为'demo”的div元素。如果cookie不存在,则显示该元素并设置cookie。