JavaScriptで親DOM要素の最後の子を得る方法

Originally posted here!
親要素の最後の子を得るには、lastElementChild JavaScriptのDOM要素内のプロパティ.
親要素があるとしましょうdiv と3paragragh このようにタグを付けます.

<div id="container">
  <p>Paragraph 1</p>
  <p>Paragraph 2</p>
  <p>Paragraph 3</p>
</div>

さあ、最後にparagraph からの要素div タグ.
得るparagragh 要素、最後に参照する必要がありますdiv タグを使用してlastElementChild プロパティ

// get refernece to tht div tag
const div = document.querySelector("#container");

// ge the last child element
const lastChild = div.lastElementChild;

console.dir(lastChild); // last p tag properties and methods

この例を見るJSBin .

お気軽に共有する場合は、この便利な発見😃.