diff options
Diffstat (limited to 'files/ja/web/api/element/children/index.md')
-rw-r--r-- | files/ja/web/api/element/children/index.md | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/files/ja/web/api/element/children/index.md b/files/ja/web/api/element/children/index.md new file mode 100644 index 0000000000..01e0dc6627 --- /dev/null +++ b/files/ja/web/api/element/children/index.md @@ -0,0 +1,55 @@ +--- +title: Element.children +slug: Web/API/Element/children +tags: + - API + - DOM + - Element + - HTMLCollection + - プロパティ + - children +browser-compat: api.Element.children +translation_of: Web/API/Element/children +original_slug: Web/API/ParentNode/children +--- +{{ APIRef("DOM") }} + +**`children`** は読み取り専用のプロパティで、生きた {{domxref("HTMLCollection")}} で呼び出された要素の子{{domxref("Element", "要素", "", 1)}}をすべて返します。 + +`Element.children` は要素のノードしか含みません。すべての子ノード、例えばテキストやコメントノードなどを取得するには、 {{domxref("Node.childNodes")}} を使用してください。 + +## 構文 + +```js +// ゲッター +collection = myElement.children; + +// セッターはありません。読み取り専用プロパティです。 +``` + +### 返値 + +生きた {{ domxref("HTMLCollection") }} で、 `node` の子の DOM 要素の順序付きコレクションを返します。コレクションの {{domxref("HTMLCollection.item()", "item()")}} メソッドか、 JavaScript の配列スタイルの記法を使って、コレクション内の個々の子ノードにアクセスすることができます。 + +ノードが子要素を持たない場合、 `children` は要素を含まず、`length` は `0` です。 + +## 例 + +```js +const myElement = document.getElementById('foo'); +for (let i = 0; i < myElement.children.length; i++) { + console.log(myElement.children[i].tagName); +} +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{domxref("Node.childNodes")}} |