Để có được lần đầu tiên và nút con cuối cùng của một nút cụ thể, javascript đã cung cấp firstChild và lastChild các phương pháp tương ứng. hãy thảo luận ngắn gọn về chúng.
FirstChild
cú pháp
node.firstChild;
Ví dụ
Trong ví dụ sau, có ba phần tử trong nút danh sách. Sử dụng phương pháp " firstChild "phần tử đầu tiên được tìm ra và kết quả được hiển thị trong đầu ra.
<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> Đầu ra
Tesla Spacex Solarcity Tesla
LastChild
cú pháp
node.lastChild;
Ví dụ-2
Trong ví dụ sau, có ba phần tử trong nút danh sách. Sử dụng phương pháp " lastChild "phần tử cuối cùng được tìm ra và kết quả được hiển thị trong đầu ra.
<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> Đầu ra
Tesla Spacex Solarcity Solarcity