diff options
author | Atsuto Yamashita <atyamash@yahoo-corp.jp> | 2022-03-15 19:47:35 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-15 19:47:35 +0900 |
commit | 9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0 (patch) | |
tree | 71952407ea41c86feabef4214610d59e15aae55d /files/ja/web/api/element/after/index.html | |
parent | c2678137db5f97ad1fe39e872529159a1afafec1 (diff) | |
parent | 9e7fbb013772ebab9b35185f0d0836995acbe6db (diff) | |
download | translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.tar.gz translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.tar.bz2 translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.zip |
Merge branch 'main' into fix-typo-client-side-web-apis-intro-ja
Diffstat (limited to 'files/ja/web/api/element/after/index.html')
-rw-r--r-- | files/ja/web/api/element/after/index.html | 90 |
1 files changed, 0 insertions, 90 deletions
diff --git a/files/ja/web/api/element/after/index.html b/files/ja/web/api/element/after/index.html deleted file mode 100644 index 52186ca2fb..0000000000 --- a/files/ja/web/api/element/after/index.html +++ /dev/null @@ -1,90 +0,0 @@ ---- -title: Element.after() -slug: Web/API/Element/after -tags: - - API - - DOM - - Method - - Node - - Reference -browser-compat: api.Element.after -translation_of: Web/API/Element/after ---- -<div>{{APIRef("DOM")}}</div> - -<p><code><strong>Element.after()</strong></code> は、<code>Element</code> の親の子リストの、<code>Element</code> の直後に、 {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを挿入します。 {{domxref("DOMString")}} オブジェクトは {{domxref("Text")}} ノードと等価なノードとして挿入されます。</p> - -<h2 id="Syntax">構文</h2> - -<pre class="brush: js"> -after(... nodes) -</pre> - -<h3 id="Parameters">引数</h3> - -<dl> - <dt><code>nodes</code></dt> - <dd>挿入する一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトです。</dd> -</dl> - -<h3 id="Exceptions">例外</h3> - -<ul> - <li>{{domxref("HierarchyRequestError")}}: ノードを階層内の指定の位置に挿入できません。</li> -</ul> - -<h2 id="Examples">例</h2> - -<h3 id="Inserting_an_element">要素の挿入</h3> - -<pre class="brush: js">let container = document.createElement("div"); -let p = document.createElement("p"); -container.appendChild(p); -let span = document.createElement("span"); - -p.after(span); - -console.log(container.outerHTML); -// "<div><p></p><span></span></div>" -</pre> - -<h3 id="Inserting_text">テキストの挿入</h3> - -<pre class="brush: js">let container = document.createElement("div"); -let p = document.createElement("p"); -container.appendChild(p); - -p.after("Text"); - -console.log(container.outerHTML); -// "<div><p></p>Text</div>"</pre> - -<h3 id="Inserting_an_element_and_text">要素とテキストの挿入</h3> - -<pre class="brush: js">let container = document.createElement("div"); -let p = document.createElement("p"); -container.appendChild(p); -let span = document.createElement("span"); - -p.after(span, "Text"); - -console.log(container.outerHTML); -// "<div><p></p><span></span>Text</div>"</pre> - -<h2 id="Specification">仕様書</h2> - -{{Specifications}} - -<h2 id="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat}}</p> - -<h2 id="See_also">関連情報</h2> - -<ul> - <li>{{domxref("Element.before()")}}</li> - <li>{{domxref("Element.append()")}}</li> - <li>{{domxref("Node.appendChild()")}}</li> - <li>{{domxref("Element.insertAdjacentElement()")}}</li> - <li>{{domxref("NodeList")}}</li> -</ul> |