要素の子ノードを取得する

要素の子ノードを取得するには、要素の childNodes プロパティを使用します。

以下は、IDが container である要素の子ノードを選択します。

const container = document.querySelector('#container');
const children = container.childNodes;Code language: JavaScript (javascript)

仕組み

• まず、querySelector() メソッドを使用して、IDが container である要素を選択します。
• 次に、childNodes プロパティを使用して、コンテナ要素の子ノードを取得します。

最初と最後の子ノードを取得するには、次のように firstChild プロパティと lastChild プロパティを使用します。

const container = document.querySelector('#container');

const firstChild = container.firstChild,
      lastChild = container.lastChild;Code language: JavaScript (javascript)