English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
このlastElementChild読み取り専用属性は、指定された親要素の最後の子要素を返します。
親要素に子要素が存在しない場合、このメソッドはnull使用してください。
値をchildren属性を使用して、指定された親要素のどの子要素でも返します。
指定された親要素の最初の子要素を返すには、firstElementChild属性。
ParentElement.lastElementChild
<div>
<p>これはDIV内の第1個P</p>
<p>これはDIV内の第2個P</p>
<p>これはDIV内の第3個P</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>テストをしてみる‹/›すべてのブラウザが完全にlastElementChild属性をサポートしています：
| 属性 | |||||
| lastElementChild | は | は | は | は | は |
| 返り値： | 指定親要素の最後の子要素を表すNodeオブジェクト；子要素が存在しない場合、null |
|---|---|
| DOMバージョン： | DOMレベル1 |
DIV要素の最後の子要素のHTML内容を取得する：
<div>
<p>これはDIV内の第1個P</p>
<p>これはDIV内の第2個P</p>
<p>これはDIV内の第3個P</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>テストをしてみる‹/›DIV要素の最後の子要素のHTML内容を変更する：
var div = document.querySelector("div");
div.lastElementChild.textContent = "HELLO WORLD";テストをしてみる‹/›HTML DOM参照：firstElementChild属性