HTML DOM Element lastElementChild属性
- 前のページ lastChild
- 次のページ matches()
- 上一层に戻る HTML DOM Elements オブジェクト
定義と使用方法
lastElementChild 属性は要素の最後の子要素を返します。
lastElementChild 属性は読み取り専用です。
参照もどうぞ：
HTMLノードと要素
HTML HTML DOM（ドキュメントオブジェクトモデル）では、HTMLドキュメントは子ノードを持ち（または持たない）ノードの集合です。
ノード要素ノード、テキストノード、およびコメントノードを指します。
要素要素間の空白もテキストノードです。
要素はただの要素ノードです。
子ノードと子要素
childNodes 返します子ノード（要素ノード、テキストノード、およびコメントノード）。
children 返します子要素（テキストやコメントノードではなく）。
firstChild と firstElementChild
firstChild 最初のものを返します子ノード（要素ノード、テキストノード、またはコメントノード）。要素間の空白もテキストノードです。
firstElementChild 最初のものを返します子要素（テキストノードやコメントノードは返されません）。
lastChild と lastElementChild
lastChild 最後のものを返します子ノード（要素ノード、テキストノード、またはコメントノード）。要素間の空白もテキストノードです。
lastElementChild 最後のものを返します子要素（テキストノードやコメントノードは返されません）。
インスタンス
例 1
<ul>要素の最後の子要素のHTMLコンテンツを取得する：
const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;
例 2
<div>要素の最後の子要素のタグ名を取得する：
const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;
例 3
<select>要素の最後の子要素のテキストを取得する：
const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;
文法
element.lastElementChild
返り値
| タイプ | 説明 |
|---|---|
| ノード | 要素の最後の子要素。 |
| null | 子がいない場合。 |
ブラウザのサポート
element.lastElementChild DOM レベル 3 (2004) の機能です。
すべてのブラウザで完全にサポートされています：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| サポート | 9-11 | サポート | サポート | サポート | サポート |
- 前のページ lastChild
- 次のページ matches()
- 上一层に戻る HTML DOM Elements オブジェクト
