diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-02-28 23:27:56 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-03-08 23:45:59 +0900 |
commit | 10ba082441b43b1b232a2439ee2d181316bae8fa (patch) | |
tree | 66d1d76d94b16bddeda776ec6bc27ca81a0962e7 /files/ja/web/api/element/children | |
parent | fcaf278de3a2d71b1a94cabdaa934b895b3916bf (diff) | |
download | translated-content-10ba082441b43b1b232a2439ee2d181316bae8fa.tar.gz translated-content-10ba082441b43b1b232a2439ee2d181316bae8fa.tar.bz2 translated-content-10ba082441b43b1b232a2439ee2d181316bae8fa.zip |
2021/09/15 時点の英語版に同期
Diffstat (limited to 'files/ja/web/api/element/children')
-rw-r--r-- | files/ja/web/api/element/children/index.md | 47 |
1 files changed, 22 insertions, 25 deletions
diff --git a/files/ja/web/api/element/children/index.md b/files/ja/web/api/element/children/index.md index 5dd887af4f..01e0dc6627 100644 --- a/files/ja/web/api/element/children/index.md +++ b/files/ja/web/api/element/children/index.md @@ -6,53 +6,50 @@ tags: - DOM - Element - HTMLCollection - - Property + - プロパティ - children browser-compat: api.Element.children translation_of: Web/API/Element/children original_slug: Web/API/ParentNode/children --- -<div>{{ APIRef("DOM") }}</div> +{{ APIRef("DOM") }} -<p><strong><code>children</code></strong> は読み取り専用のプロパティで、生きた {{domxref("HTMLCollection")}} で呼び出された要素の子{{domxref("Element", "要素", "", 1)}}をすべて返します。</p> +**`children`** は読み取り専用のプロパティで、生きた {{domxref("HTMLCollection")}} で呼び出された要素の子{{domxref("Element", "要素", "", 1)}}をすべて返します。 -<p><code>Element.children</code> は要素のノードしか含みません。すべての子ノード、例えばテキストやコメントノードなどを取得するには、 {{domxref("Node.childNodes")}} を使用してください。</p> +`Element.children` は要素のノードしか含みません。すべての子ノード、例えばテキストやコメントノードなどを取得するには、 {{domxref("Node.childNodes")}} を使用してください。 -<h2 id="Syntax">構文</h2> +## 構文 -<pre class="brush: js"> -// Getter +```js +// ゲッター collection = myElement.children; -// No setter; read-only property -</pre> +// セッターはありません。読み取り専用プロパティです。 +``` -<h3 id="Return_value">返値</h3> +### 返値 -<p>生きた {{ domxref("HTMLCollection") }} で、 <code><var>node</var></code> の子の DOM 要素の順序付きコレクションを返します。コレクションの {{domxref("HTMLCollection.item()", "item()")}} メソッドか、 JavaScript の配列スタイルの記法を使って、コレクション内の個々の子ノードにアクセスすることができます。</p> +生きた {{ domxref("HTMLCollection") }} で、 `node` の子の DOM 要素の順序付きコレクションを返します。コレクションの {{domxref("HTMLCollection.item()", "item()")}} メソッドか、 JavaScript の配列スタイルの記法を使って、コレクション内の個々の子ノードにアクセスすることができます。 -<p>ノードが子要素を持たない場合、 <code>children</code> は要素を含まず、<code>length</code> は <code>0</code> です。</p> +ノードが子要素を持たない場合、 `children` は要素を含まず、`length` は `0` です。 -<h2 id="Example">例 </h2> +## 例 -<pre class="brush: js">const myElement = document.getElementById('foo'); -for (let i = 0; i < myElement.children.length; i++) { +```js +const myElement = document.getElementById('foo'); +for (let i = 0; i < myElement.children.length; i++) { console.log(myElement.children[i].tagName); } -</pre> +``` -<h2 id="Specification">仕様書</h2> +## 仕様書 {{Specifications}} -<h2 id="Browser_compatibility">ブラウザーの互換性</h2> +## ブラウザーの互換性 -<p>{{Compat}}</p> +{{Compat}} -<h2 id="See_also">関連情報</h2> +## 関連情報 -<ul> - <li> - {{domxref("Node.childNodes")}} - </li> -</ul> +- {{domxref("Node.childNodes")}} |