From 0eb596922011b45ac86d2cac86e612613fb31562 Mon Sep 17 00:00:00 2001 From: Masahiro Fujimoto Date: Mon, 5 Apr 2021 23:26:18 +0900 Subject: add, removeを更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 2021/02/20 時点の英語版に同期 --- files/ja/web/api/domtokenlist/add/index.html | 66 +++++++++---------- files/ja/web/api/domtokenlist/remove/index.html | 85 +++++++++++++------------ 2 files changed, 76 insertions(+), 75 deletions(-) (limited to 'files') diff --git a/files/ja/web/api/domtokenlist/add/index.html b/files/ja/web/api/domtokenlist/add/index.html index 116b1c46c8..d235077f5d 100644 --- a/files/ja/web/api/domtokenlist/add/index.html +++ b/files/ja/web/api/domtokenlist/add/index.html @@ -2,36 +2,38 @@ title: DOMTokenList.add() slug: Web/API/DOMTokenList/add tags: - - API - - Add - - DOM - - DOMTokenList - - Reference - - メソッド +- API +- Add +- DOM +- DOMTokenList +- Method +- Reference +- メソッド translation_of: Web/API/DOMTokenList/add ---

{{APIRef("DOM")}}

{{domxref("DOMTokenList")}} インターフェイスの add() メソッドは、指定されたトークンをリストに追加します。

-

構文

+

構文

-
tokenList.add(token1[, token2[, ...]]);
+
tokenList.add(token1[, token2[, ...tokenN]]);

引数

-
tokenN
-
リストに追加したいトークンを表す {{domxref("DOMString")}} です。
+
tokenN
+
tokenList に追加したいトークンを表す {{domxref("DOMString")}} です。
-

返値

+

返値

なし。

-

例

+

例

-

以下の例では、 {{htmlelement("span")}} 要素に設定されたクラスのリストを、 {{domxref("Element.classList")}} を使用して DOMTokenList として受け取ります。それからリストに新しいトークンを追加し、リストを <span> の {{domxref("Node.textContent")}} に書き込みます。

+

以下の例では、 {{htmlelement("span")}} 要素に設定されたクラスのリストを DOMTokenList として受け取るのに {{domxref("Element.classList")}} を使用しています。それからリストに新しいトークンを追加し、リストを <span> の {{domxref("Node.textContent")}} に書き込みます。

最初に HTML です。

@@ -39,8 +41,8 @@ translation_of: Web/API/DOMTokenList/add

そして JavaScript です。

-
var span = document.querySelector("span");
-var classes = span.classList;
+
let span = document.querySelector("span");
+let classes = span.classList;
 classes.add("d");
 span.textContent = classes;
 

@@ -54,27 +56,25 @@ span.textContent = classes;
 
span.classList.add("d", "e", "f");
 

 
-
仕様策定状況

+
仕様書

 
 
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
- 
+  
+    
+      
+      
+      
+    
+  
+  
+    
+      
+      
+      
+    
+  
仕様書策定状況コメント
{{SpecName('DOM WHATWG','#dom-domtokenlist-add','add()')}}{{Spec2('DOM WHATWG')}}初回定義
仕様書状態備考
{{SpecName('DOM WHATWG','#dom-domtokenlist-add','add()')}}{{Spec2('DOM WHATWG')}}初回定義

 

 
-
ブラウザーの対応

-
-
+
ブラウザーの互換性

 
 
{{Compat("api.DOMTokenList.add")}}

diff --git a/files/ja/web/api/domtokenlist/remove/index.html b/files/ja/web/api/domtokenlist/remove/index.html
index f4615ae700..5a5113de04 100644
--- a/files/ja/web/api/domtokenlist/remove/index.html
+++ b/files/ja/web/api/domtokenlist/remove/index.html
@@ -2,83 +2,84 @@
 title: DOMTokenList.remove()
 slug: Web/API/DOMTokenList/remove
 tags:
-  - API
-  - DOM
-  - DOMTokenList
-  - Reference
-  - remove
-  - メソッド
+- API
+- DOM
+- DOMTokenList
+- Method
+- Reference
+- remove
+- メソッド
 translation_of: Web/API/DOMTokenList/remove
 ---
 
{{APIRef("DOM")}}

 
 
{{domxref("DOMTokenList")}} インターフェイスの remove() メソッドは、リストから指定されたトークンを削除します。

 
-
構文

+
構文

 
-
tokenList.remove(token1[, token2[, ...]]);

+
tokenList.remove(token1[, token2[, ...tokenN]]);

 
-
引数

+
引数

 
 

- 
tokenN...

- 
リストから削除したいトークンを表す {{domxref("DOMString")}} です。リストに文字列がない場合、エラーはスローされず、何も起こりません。

+  
tokenN

+  
リストから削除したいトークンを表す {{domxref("DOMString")}} です。リストに文字列がない場合、エラーはスローされず、何も起こりません。

 

 
-
返値

+
返値

 
 
なし。

 
-
例

+
例

 
 
以下の例では、 {{htmlelement("span")}} 要素に設定されたクラスのリストを、 {{domxref("Element.classList")}} を使って DOMTokenList として受け取ります。それからリストからトークンを削除し、 <span> の {{domxref("Node.textContent")}} の中にリストを書き込みます。

 
 
最初に HTML です。

 
-
<span class="a b c"></span>

+
<div id="ab" class="a b c"></div>
+<div id="a" class="a b c"></div>

 
 
そして JavaScript です。

 
-
var span = document.querySelector("span");
-var classes = span.classList;
+
let span = document.getElementById("ab");
+let classes = span.classList;
 classes.remove("c");
 span.textContent = classes;
 

 
-
出力結果は以下のようになります。

+
複数のクラスを一度に削除するために、複数のトークンを渡すことができます。渡す順序は、リスト中に出現する順序と一致している必要はありません。

 
-
{{ EmbedLiveSample('Examples', '100%', 60) }}

+
let span2 = document.getElementById("a")
+let classes2 = span2.classList;
 
-
複数のクラスを一度に削除するには、複数のトークンを提供するだけです。提供する順序は、リスト中に出現する順序と一致している必要はありません。

+classes2.remove("c", "b");
+span2.textContent = classes2;
+

 
-
let span = document.getElementsByTagName("span")[0],
-  classes = span.classList;
+
出力結果は以下のようになります。

 
-classes.remove("c", "b");
-span.textContent = classes;
-

+
{{ EmbedLiveSample('Examples', '100%', 60) }}

 
-
仕様策定状況

+
仕様書

 
 
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
- 
+  
+    
+      
+      
+      
+    
+  
+  
+    
+      
+      
+      
+    
+  
仕様書策定状況コメント
{{SpecName('DOM WHATWG','#dom-domtokenlist-remove','remove()')}}{{Spec2('DOM WHATWG')}}初回定義
仕様書状態備考
{{SpecName('DOM WHATWG','#dom-domtokenlist-remove','remove()')}}{{Spec2('DOM WHATWG')}}初回定義

 

 
-
ブラウザーの対応

-
-
+
ブラウザーの互換性

 
 
{{Compat("api.DOMTokenList.remove")}}

-- 
cgit v1.2.3-54-g00ecf