Thuộc tính firstElementChild

Thuộc tính firstElementChild chứa phần tử con đầu tiên. Các phần tử con là tất cả các thẻ nằm trực tiếp bên trong khối. Nếu phần tử không có phần tử con - trả về null.

Cú pháp

phần_tử.firstElementChild;

Ví dụ

Lấy nội dung của phần tử con đầu tiên:

<div id="parent">
	<p>1</p>
	<p>2</p>
</div>

let parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;

console.log(text);

Kết quả thực thi mã:

'1'

Ví dụ

Bây giờ phần tử không có phần tử con và do đó sẽ xuất ra null:

<div id="parent"></div>

let parent = document.querySelector('#parent');
console.log(parent.firstElementChild);

Kết quả thực thi mã:

null

Xem thêm

thuộc tính lastElementChild,
chứa phần tử cuối cùng
thuộc tính children,
chứa tất cả các phần tử con của phần tử
thuộc tính firstChild,
chứa nút đầu tiên