เพื่อให้ได้ ตัวแรก และ โหนดลูกสุดท้าย ของโหนดเฉพาะ javascript ได้จัดเตรียม firstChild และ lastChild วิธีการตามลำดับ มาพูดคุยกันโดยสังเขป
ลูกคนแรก
ไวยากรณ์
node.firstChild;
ตัวอย่าง
ในตัวอย่างต่อไปนี้ มีสามองค์ประกอบในโหนดรายการ โดยใช้วิธีการ "ลูกคนแรก " พบองค์ประกอบแรกและผลลัพธ์จะแสดงในผลลัพธ์
<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<p id="first"></p>
<script>
var list = document.getElementById("list").firstChild.innerHTML;
document.getElementById("first").innerHTML = list;
</script>
</body>
</html> ผลลัพธ์
Tesla Spacex Solarcity Tesla
LastChild
ไวยากรณ์
node.lastChild;
ตัวอย่าง-2
ในตัวอย่างต่อไปนี้ มีสามองค์ประกอบในโหนดรายการ โดยใช้วิธี "lastChild " พบองค์ประกอบสุดท้ายและผลลัพธ์จะแสดงในผลลัพธ์
<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<p id="first"></p>
<script>
var list = document.getElementById("list").lastChild.innerHTML;
document.getElementById("first").innerHTML = list;
</script>
</body>
</html> ผลลัพธ์
Tesla Spacex Solarcity Solarcity
