files/ja/web/api/element/removeattribute/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

---
title: Element.removeAttribute()
slug: Web/API/Element/removeAttribute
tags:
  - API
  - DOM
  - Element
  - Method
  - Reference
  - remove
  - removeAttribute
  - メソッド
translation_of: Web/API/Element/removeAttribute
---
<div>{{ APIRef("DOM") }}</div>

<p><span class="seoSummary">{{domxref("Element")}} の <strong><code>removeAttribute()</code></strong> メソッドは、指定された名前の属性を要素から削除します。</span></p>

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

<pre class="syntaxbox"><em>element</em>.removeAttribute(<em>attrName</em>);
</pre>

<h3 id="Parameters">Parameters</h3>

<dl>
 <dt><code><var>attrName</var></code></dt>
 <dd>{{domxref("DOMString")}} で、要素から削除する属性の名前を指定します。指定された属性が存在しない場合、 <code>removeAttribute()</code> はエラーを発生させずに戻ります。</dd>
</dl>

<h3 id="Return_value" name="Return_value">返値</h3>

<p><code>undefined</code> です。</p>

<h2 id="Usage_notes" name="Usage_notes">使用上の注意</h2>

<p>属性の値を直接、または {{domxref("Element.setAttribute", "setAttribute()")}} を使用して <code>null</code> に設定するのではなく、 <code>removeAttribute()</code> を使用してください。多くの属性は <code>null</code> に設定しても、期待通りの動作をしません。</p>

<p>{{ DOMAttributeMethods() }}</p>

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

<pre class="brush: js">// Given: &lt;div id="div1" align="left" width="200px"&gt;
document.getElementById("div1").removeAttribute("align");
// Now: &lt;div id="div1" width="200px"&gt;
</pre>

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

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">状態</th>
   <th scope="col">備考</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('DOM WHATWG', '#dom-element-removeattribute', 'Element" removeAttribute')}}</td>
   <td>{{Spec2('DOM WHATWG')}}</td>
   <td></td>
  </tr>
 </tbody>
</table>

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

<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>

<p>{{Compat("api.Element.removeAttribute")}}</p>