---
title: "How can you retrieve and delete cookies using JavaScript?"  
description: "How can you retrieve and delete cookies using JavaScript?"  
author: "ICSM Computer"  
published: 2025-03-10  
updated: 2025-03-17  
canonical: https://www.mindstick.com/forum/161254/how-can-you-retrieve-and-delete-cookies-using-javascript  
category: "web development"  
tags: ["web development", "javascript", "cookies"]  
reading_time: 2 minutes  

---

# How can you retrieve and delete cookies using JavaScript?

How can you [retrieve](https://www.mindstick.com/forum/34400/how-to-retrieve-form-values-in-controller-action) and [delete](https://www.mindstick.com/forum/33620/how-to-delete-record-from-list-in-mvc-using-ajax) cookies using JavaScript?

## Replies

### Reply by Khushi Singh

The `document.cookie` property serves both functions - **retrieval and deletion** - of all cookies stored as a string format in JavaScript. The string contains pairs of keys and values which are separated by semicolons. JavaScript lacks built-in functionality to fetch particular cookies so developers must process the cookie string through splitting and key-monitoring operations to achieve their objective. Users benefit from this functionality because web applications can retrieve their preferences together with authentication tokens and session-oriented information.

To remove [cookies in JavaScript](https://www.mindstick.com/blog/373/cookies-in-javascript) programmers must assign a cookie with the same name but set expiration dates in the past. A cookie can be removed only through redefinition with its original name while setting a past expiration date. The browser system automatically deletes the contents because of this command. The cookie path together with domain have to be consistent with their original configuration before the browser will execute the deletion process. The browser can fail to erase the intended cookie when the matching parameters do not match leading to problems in area management.

The proper procedures regarding cookies should always be utilized to maintain security and privacy. When the Secure flag option is present cookies can only transfer securely through HTTPS connections thereby protecting their transmission from interception. The [`HttpOnly`](https://www.mindstick.com/forum/161258/what-is-the-httponly-flag-and-how-does-it-improve-cookie-security)``flag manages sensitive cookie protection by stopping JavaScript from accessing the information thus reducing the vulnerability to XSS attacks. The `SameSite` attribute uses a mechanism that protects users from cross-site request forgery (CSRF) through restricted cookie cross-origin transmission. Having valid expiration dates helps organizations manage data storage resources while preventing the unnecessary storage of information. Organizations that implement these management practices will achieve successful [cookie management in JavaScript](https://www.mindstick.com/forum/161258/what-is-the-httponly-flag-and-how-does-it-improve-cookie-security) resulting in better user experiences with secure and private operations.


---

Original Source: https://www.mindstick.com/forum/161254/how-can-you-retrieve-and-delete-cookies-using-javascript

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.