This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Note: This feature is available in Web Workers.
The delete() method of the Headers interface deletes a header from the current Headers object.
For security reasons, some headers can only be controlled by the user agent. These headers include the forbidden request headers and forbidden response header names.
delete(name)
nameThe name of the HTTP header you want to delete from the Headers object.
None (undefined).
Creating an empty Headers object is simple:
const myHeaders = new Headers(); // Currently empty
You could add a header to this using Headers.append:
myHeaders.append("Content-Type", "image/jpeg");
myHeaders.get("Content-Type"); // Returns 'image/jpeg'
You can then delete it again:
myHeaders.delete("Content-Type");
myHeaders.get("Content-Type"); // Returns null, as it has been deleted
| Specification |
|---|
| Fetch> # ref-for-dom-headers-delete①> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
delete |
42 | 14 | 39 | 29 | 10.1 | 42 | 39 | 29 | 10.3 | 4.0 | 42 | 10.3 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Headers/delete