MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

リビジョンの比較

Node.cloneNode

Change Revisions

リビジョン 132135:

リビジョン 132135 (編集者: Potappo / 編集日時: )

リビジョン 350365:

リビジョン 350365 (編集者: dextra / 編集日時: )

タイトル:
Node.cloneNode
Node.cloneNode
URL スラグ:
DOM/Node.CloneNode
DOM/Node.CloneNode
タグ:
DOM, Gecko, "Gecko DOM Reference"
"Gecko DOM Reference", "DOM", "Gecko"
内容:

リビジョン 132135
リビジョン 350365
n7    <p>n7    <div>
n9    </p>n9    </div>
10    <h3 id=".E6.A6.82.E8.A6.81" name=".E6.A6.82.E8.A6.81">10    <h2 id=".E6.A6.82.E8.A6.81" name=".E6.A6.82.E8.A6.81">
n12    </h3>n12    </h2>
n19    <h3 id=".E6.A7.8B.E6.96.87" name=".E6.A7.8B.E6.96.87">n19    <h2 id=".E6.A7.8B.E6.96.87" name=".E6.A7.8B.E6.96.87">
n21    </h3>n21    </h2>
22    <pre class="eval">22    <pre class="syntaxbox">
23<em>dupNode</em> = <em>element</em>.cloneNode(<em>deep</em>);23var <var>dupNode</var> = <var>node</var>.cloneNode(<var>deep</var
 >>);
n25    <ul>n25    <dl>
26      <li>26      <dt>
27        <code>deep</code> は必須の真偽値で、複製ノードが深い複製かどうかを示します (下記の<a hre27        <code>node</code>
>f="#Notes">注記</a>を参照)。 
28      </li>28      </dt>
29    </ul>29      <dd>
30        複製するノード
31      </dd>
32      <dt>
33        <code>dupNode</code>
34      </dt>
35      <dd>
36        新しく生成される <code>node</code> の複製
37      </dd>
38      <dt>
39        <code>deep</code> {{optional_inline}}
40      </dt>
41      <dd>
42        <code>node</code> の子孫ノードも複製する場合は <code>true</code> 、 <cod
 >e>node</code> のみを複製する場合は <code>false</code>
43        <div class="note">
44          <p>
45            <strong>注記:</strong> DOM4 の仕様では (Gecko 13.0 {{geckoRe
 >lease("13.0")}} で実装) 、 <!-- (as implemented in Gecko 10.0 {{gecko
 >Release("10.0")}}) --><code>deep</code> は省略可能な引数です。省略された場合、 <code
 >>deep</code> には <code>true</code> が渡され、深い複製を生成します。浅い複製を生成するには、 <c
 >ode>deep</code> を <code>false</code> にする必要があります。
46          </p>
47          <p>
48            以前のDOMの仕様を実装しているブラウザでは、 <code>deep</code> は必須の引数です。
49          </p>
50        </div>
30    <p>51        <p>
31      {{ 英語版章題("Example") }}52          {{ 英語版章題("Example") }}
32    </p>53        </p>
33    <h3 id=".E4.BE.8B" name=".E4.BE.8B">54        <h2 id=".E4.BE.8B" name=".E4.BE.8B">
34      例55          例
35    </h3>56        </h2>
36    <pre>57        <pre class="brush: js">
37p = document.getElementById("para1"); 58var p = document.getElementById("para1");
38p_prime = p.cloneNode(true);59var p_prime = p.cloneNode(true);
t40    <p>t61        <p>
41      {{ 英語版章題("Notes") }}62          {{ 英語版章題("Notes") }}
42    </p>63        </p>
43    <h3 id=".E6.B3.A8.E8.A8.98" name=".E6.B3.A8.E8.A8.98">64        <h2 id=".E6.B3.A8.E8.A8.98" name=".E6.B3.A8.E8.A8.98">
44      注記65          注記
45    </h3>66        </h2>
46    <p>67        <p id="not-event-listeners">
47      ノードを複製すると、そのノードのすべての属性とその値がコピーされます。68          ノードを複製すると、そのノードのすべての属性とその値がコピーされます。つまり、HTML属性のイベントを含みます
 >。<a href="/ja/docs/DOM/element.addEventListener" title="/ja/docs/
 >DOM/element.addEventListener"><code>addEventListener()</code></a>
 > を使用したものや、要素のプロパティに代入されたもの (例: <code>node.onclick = fn;</code>) は
 >複製されません。
48    </p>69        </p>
49    <p>70        <p>
50      <code><strong>cloneNode</strong></code> によって返される複製ノードは、<a h71          <code><strong>cloneNode</strong></code> によって返される複製ノードは、
>ref="/ja/DOM/element.appendChild" title="ja/DOM/element.appendChi> {{domxref("Node.appendChild()")}} や同種のメソッドによってドキュメントの一部である他のノードに
>ld">appendChild</a> や同種のメソッドによってドキュメントの一部である他のノードに追加されるまでは、ドキュメント>追加されるまでは、ドキュメントの一部ではありません。また、他のノードに追加されるまでは、親ノードを持ちません。
>の一部ではありません。 
51    </p>72        </p>
52    <p>73        <p>
53      <code><strong>deep</strong></code> が <code>false</code> に設定74          <code><strong>deep</strong></code> が <code>false</code>
>されていると、どの子ノードも複製されません。 また、<em>そのノードに含まれるどのテキストも複製されません。</em> テキスト> に設定されていると、どの子ノードも複製されません。 そのため、そのノードに含まれる {{domxref("Text")}} ノー
>は 1 つか複数の子 <code>Text</code> ノードに含まれているからです。>ドも複製されません。
54    </p>75        </p>
55    <p>76        <p>
56      <code><strong>deep</strong></code> が <code>true</code> に評価で77          <code><strong>deep</strong></code> が <code>true</code> 
>きる場合、サブツリー全体 (子 Text ノードにあるテキストを含む) もコピーされます。 IMG や INPUT 要素などの空ノ>に評価できる場合、サブツリー全体 (子 {{domxref("Text")}} ノードにあるテキストを含む) もコピーされます。 
>ードの場合には <code>deep</code> を true と false のどちらに設定してもかまいませんが、必ず何らかの>{{HTMLElement("img")}} や {{HTMLElement("input")}} 要素などの空ノードの場合には 
>値を与えなければなりません><code>deep</code> を true と false のどちらに設定してもかまいません。
57    </p>78        </p>
79        <div class="warning">
80          <strong>注意:</strong> <code>cloneNode()</code> を使用すると、ドキ
 >ュメント内で要素の id が重複する可能性があります。
81        </div>
58    <p>82        <p>
59      cloneNode を使用するとドキュメント内で要素の id が重複する可能性があることに注意してください!83          別のドキュメントに追加するためにノードを複製する場合は、代わりに {{domxref("Document.im
 >portNode()")}} を使用してください。
60    </p>84        </p>
85        <h2 id="Browser_compatibility">
86          ブラウザ実装状況
87        </h2>
88        <div>
89          {{CompatibilityTable}}
90        </div>
91        <div id="compat-desktop">
92          <table class="compat-table">
93            <tbody>
94              <tr>
95                <th>
96                  機能
97                </th>
98                <th>
99                  Chrome
100                </th>
101                <th>
102                  Firefox (Gecko)
103                </th>
104                <th>
105                  Internet Explorer
106                </th>
107                <th>
108                  Opera
109                </th>
110                <th>
111                  Safari
112                </th>
113              </tr>
114              <tr>
115                <td>
116                  基本サポート
117                </td>
118                <td>
119                  {{CompatVersionUnknown}}
120                </td>
121                <td>
122                  {{CompatVersionUnknown}}
123                </td>
124                <td>
125                  {{CompatVersionUnknown}}
126                </td>
127                <td>
128                  {{CompatVersionUnknown}}
129                </td>
130                <td>
131                  {{CompatVersionUnknown}}
132                </td>
133              </tr>
134              <tr>
135                <td>
136                  <code>deep</code> 引数の省略
137                </td>
138                <td>
139                  {{CompatUnknown}}
140                </td>
141                <td>
142                  {{CompatGeckoDesktop("13.0")}}
143                </td>
144                <td>
145                  {{CompatUnknown}}
146                </td>
147                <td>
148                  {{CompatUnknown}}
149                </td>
150                <td>
151                  <p>
152                    Yes
153                  </p>
154                  <p>
155                    (初期値は <code>false</code>)
156                  </p>
157                </td>
158              </tr>
159            </tbody>
160          </table>
161        </div>
162        <div id="compat-mobile">
163          <table class="compat-table">
164            <tbody>
165              <tr>
166                <th>
167                  機能
168                </th>
169                <th>
170                  Android
171                </th>
172                <th>
173                  Chrome for Android
174                </th>
175                <th>
176                  Firefox Mobile (Gecko)
177                </th>
178                <th>
179                  IE Mobile
180                </th>
181                <th>
182                  Opera Mobile
183                </th>
184                <th>
185                  Safari Mobile
186                </th>
187              </tr>
188              <tr>
189                <td>
190                  基本サポート
191                </td>
192                <td>
193                  {{CompatVersionUnknown}}
194                </td>
195                <td>
196                  {{CompatVersionUnknown}}
197                </td>
198                <td>
199                  {{CompatVersionUnknown}}
200                </td>
201                <td>
202                  {{CompatVersionUnknown}}
203                </td>
204                <td>
205                  {{CompatVersionUnknown}}
206                </td>
207                <td>
208                  {{CompatVersionUnknown}}
209                </td>
210              </tr>
211              <tr>
212                <td>
213                  <code>deep</code> 引数の省略
214                </td>
215                <td>
216                  {{CompatUnknown}}
217                </td>
218                <td>
219                  {{CompatUnknown}}
220                </td>
221                <td>
222                  {{CompatGeckoMobile("13.0")}}
223                </td>
224                <td>
225                  {{CompatUnknown}}
226                </td>
227                <td>
228                  {{CompatUnknown}}
229                </td>
230                <td>
231                  {{CompatUnknown}}
232                </td>
233              </tr>
234            </tbody>
235          </table>
236        </div>
61    <p>237        <p>
62      別のドキュメントに追加するためにノードを複製する場合は、代わりに <a href="/ja/DOM/document.
>importNode" title="ja/DOM/document.importNode">importNode</a> を使用 
>してください。 
63    </p>
64    <p>
65      {{ 英語版章題("Specification") }}238          {{ 英語版章題("Specification") }}
66    </p>239        </p>
67    <h3 id=".E4.BB.95.E6.A7.98" name=".E4.BB.95.E6.A7.98">240        <h2 id=".E4.BB.95.E6.A7.98.E6.9B.B8" name=".E4.BB.95.E6.A
 >7.98.E6.9B.B8">
68      仕様241          仕様
69    </h3>242        </h2>
70    <p>243        <ul>
244          <li>
71      <a class="external" href="http://w3.org/TR/DOM-Level-2-Core245            <a class="external" href="http://w3.org/TR/DOM-Level-
>/core.html#ID-3A0ED0A4">DOM Level 2 Core: cloneNode</a>>2-Core/core.html#ID-3A0ED0A4">DOM Level 2 Core: cloneNode</a>
72    </p>246          </li>
247          <li>
248            <a class="external" href="http://dvcs.w3.org/hg/domco
 >re/raw-file/tip/Overview.html#dom-node-clonenode" title="http://d
 >vcs.w3.org/hg/domcore/raw-file/tip/Overview.html#dom-node-cloneno
 >de">DOM4: cloneNode</a> (草案)
249          </li>
250        </ul>
73    <p>251        <p>
74      &nbsp;
75    </p>
76    <p>
77      {{ languages( { "en": "en/DOM/element.cloneNode", "fr": "fr252          {{ languages( { "en": "en/DOM/element.cloneNode", "fr":
>/DOM/element.cloneNode", "pl": "pl/DOM/element.cloneNode", "pt": > "fr/DOM/element.cloneNode", "pl": "pl/DOM/element.cloneNode", "p
>"pt/DOM/element.cloneNode", "zh-cn": "cn/DOM/element.cloneNode" }>t": "pt/DOM/element.cloneNode", "zh-cn": "cn/DOM/element.cloneNod
> ) }}>e" } ) }}
253        </p>
254      </dd>
78    </p>255    </dl>

前に戻る