---
title: Headers.delete()
slug: Web/API/Headers/delete
tags:
  - API
  - Experimental
  - Fetch
  - Method
  - Reference
  - delete
translation_of: Web/API/Headers/delete
---
<div>{{APIRef("Fetch")}}</div>

<p>{{domxref("Headers")}} インターフェイスの <strong><code>delete()</code></strong> メソッドは、現在の <code>Headers</code> オブジェクトからヘッダーを削除します。</p>

<p>このメソッドは、次の理由で {{jsxref("TypeError")}} をスローします。</p>

<ul>
 <li>name パラメーターの値は、HTTP ヘッダーの名前ではありません。</li>
 <li>{{Glossary("Guard")}} の値は <code>immutable</code> です。</li>
</ul>

<p>セキュリティ上の理由から、一部のヘッダーはユーザーエージェントのみがコントローラーにすることができます。 これらのヘッダーには {{Glossary("Forbidden_header_name", "禁止ヘッダー名", 1)}} および {{Glossary("Forbidden_response_header_name", "禁止レスンポンスヘッダー名", 1)}} が含まれます。</p>

<h2 id="構文">構文</h2>

<pre class="syntaxbox notranslate"><em>myHeaders</em>.delete(<em>name</em>);</pre>

<h3 id="引数">引数</h3>

<dl>
 <dt><code>name</code></dt>
 <dd><code>Headers</code> オブジェクトから削除する HTTP ヘッダーの名前。</dd>
</dl>

<h3 id="戻り値">戻り値</h3>

<p>Void.</p>

<h2 id="Example">Example</h2>

<p>空の <code>Headers</code> オブジェクトの作成は簡単です。</p>

<pre class="brush: js notranslate">var myHeaders = new Headers(); // Currently empty</pre>

<p>{{domxref("Headers.append")}} を使用して、これにヘッダーを追加できます。</p>

<pre class="brush: js notranslate">myHeaders.append('Content-Type', 'image/jpeg');
myHeaders.get('Content-Type'); // Returns 'image/jpeg'
</pre>

<p>その後、再度削除できます。</p>

<pre class="brush: js notranslate">myHeaders.delete('Content-Type');
myHeaders.get('Content-Type'); // Returns null, as it has been deleted</pre>

<h2 id="仕様書">仕様書</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('Fetch','#dom-headers-delete','delete()')}}</td>
   <td>{{Spec2('Fetch')}}</td>
   <td></td>
  </tr>
 </tbody>
</table>

<h2 id="ブラウザーの互換性">ブラウザーの互換性</h2>



<p>{{Compat("api.Headers.delete")}}</p>

<h2 id="関連情報">関連情報</h2>

<ul>
 <li><a href="/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li>
 <li><a href="/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li>
 <li><a href="/docs/Web/HTTP">HTTP</a></li>
</ul>