aboutsummaryrefslogtreecommitdiff
path: root/files/ja/orphaned/web/api
diff options
context:
space:
mode:
authorMDN <actions@users.noreply.github.com>2021-04-14 00:11:31 +0000
committerMDN <actions@users.noreply.github.com>2021-04-14 00:11:31 +0000
commitdb26cf86829f9b43d29f18b9bbf197e9e2d55c31 (patch)
tree9e4b1a32107c07b5a6d3d449f9d52f3d645aa87f /files/ja/orphaned/web/api
parent2a80998020496995b1eb33e0a2ed024f1708535d (diff)
downloadtranslated-content-db26cf86829f9b43d29f18b9bbf197e9e2d55c31.tar.gz
translated-content-db26cf86829f9b43d29f18b9bbf197e9e2d55c31.tar.bz2
translated-content-db26cf86829f9b43d29f18b9bbf197e9e2d55c31.zip
[CRON] sync translated content
Diffstat (limited to 'files/ja/orphaned/web/api')
-rw-r--r--files/ja/orphaned/web/api/parentnode/children/index.html95
1 files changed, 95 insertions, 0 deletions
diff --git a/files/ja/orphaned/web/api/parentnode/children/index.html b/files/ja/orphaned/web/api/parentnode/children/index.html
new file mode 100644
index 0000000000..2573bd3621
--- /dev/null
+++ b/files/ja/orphaned/web/api/parentnode/children/index.html
@@ -0,0 +1,95 @@
+---
+title: ParentNode.children
+slug: orphaned/Web/API/ParentNode/children
+tags:
+ - API
+ - Child
+ - Child Nodes
+ - DOM
+ - HTMLCollection
+ - Node
+ - ParentNode
+ - Property
+ - children
+translation_of: Web/API/ParentNode/children
+original_slug: Web/API/ParentNode/children
+---
+<div>{{ APIRef("DOM") }}</div>
+
+<p>{{domxref("ParentNode")}} の <strong><code>children</code></strong> プロパティは、呼び出された際のノードの子{{domxref("Element", "要素", "", 1)}}ノードをすべて含んだ動的な(生きている) {{domxref("HTMLCollection")}} を返す、読み取り専用プロパティです。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox notranslate">let <em>children</em> = <var>node</var>.children;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p><em><code>node</code></em> の子の DOM要素の生きている順序付きコレクションの、 {{ domxref("HTMLCollection") }} です。コレクションの {{domxref("HTMLCollection.item()", "item()")}} メソッドか、JavaScript の配列スタイルの記法を使って、コレクション内の個々の子ノードにアクセスすることができます。</p>
+
+<p>ノードが子要素を持たない場合、 <code>children</code> は要素を含まず、<code>length</code> は <code>0</code> です。</p>
+
+<h2 id="Example" name="Example">例 </h2>
+
+<pre class="brush: js notranslate">const foo = document.getElementById('foo');
+for (let i = 0; i &lt; foo.children.length; i++) {
+ console.log(foo.children[i].tagName);
+}</pre>
+
+<h2 id="Polyfill" name="Polyfill">Polyfill</h2>
+
+<pre class="brush: js notranslate">// Overwrites native 'children' prototype.
+// Adds Document &amp; DocumentFragment support for IE9 &amp; Safari.
+// Returns array instead of HTMLCollection.
+;(function(constructor) {
+ if (constructor &amp;&amp;
+ constructor.prototype &amp;&amp;
+ constructor.prototype.children == null) {
+ Object.defineProperty(constructor.prototype, 'children', {
+ get: function() {
+ let i = 0, node, nodes = this.childNodes, children = [];
+ while (node = nodes[i++]) {
+ if (node.nodeType === 1) {
+ children.push(node);
+ }
+ }
+ return children;
+ }
+ });
+ }
+})(window.Node || window.Element);
+</pre>
+
+<h2 id="Specification" name="Specification">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状態</th>
+ <th scope="col">コメント</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('DOM WHATWG', '#dom-parentnode-children', 'ParentNode.children')}}</td>
+ <td>{{Spec2('DOM WHATWG')}}</td>
+ <td>初めての定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2>
+
+<div class="hidden">このページの互換表は構造化データで生成されました。このデータに貢献したい方は、<a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックし、プルリクエストを送信してください。</div>
+
+<p>{{Compat("api.ParentNode.children")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{domxref("ParentNode")}} および {{domxref("ChildNode")}} インターフェイス</li>
+ <li>
+ <div class="syntaxbox">このインターフェイスを実装する次のオブジェクトタイプ。{{domxref("Document")}}、{{domxref("Element")}}、 および {{domxref("DocumentFragment")}}</div>
+ </li>
+ <li>
+ <div class="syntaxbox">{{domxref("Node.childNodes")}}</div>
+ </li>
+</ul>