Get element inside element by class - JavaScript

Question

How can i get first or last <p> element in Class by classname?
<div class ="demo">
<p>some text</p>
<p>some other text</p>
</div>

Answer 1

https://code.sololearn.com/W6d2yGfEEBIb/?ref=app

Answer 2

Or if you use jQuery:
$("div .demo p:first")

Answer 3

var demo = document.getElementsByClassName("demo")[0]; //first element with class demo
var pElms = demo.getElementsByTag("p");
pElms[0] // first element
pElms[(pElms.length - 1)] //last element

Answer 4

I think 'children' method will help

Answer 5

Thank you Rull Deef and Damyan Petkov

Answer 6

var p = document.querySelectorAll(".demo p");
console.log("first p: " + p[0].innerText);
console.log("last p: " + p[p.length-1].innerText);

Answer 7

No jQuery