Thuộc tính offsetParent

Thuộc tính offsetParent chứa phần tử cha gần nhất mà phần tử được định vị dựa theo nó. Đó sẽ là phần tử cha gần nhất có thuộc tính CSS position không bằng static, hoặc là thẻ body, nếu không có phần tử cha nào có định vị như vậy.

Cú pháp

phần tử.offsetParent;

Ví dụ

Hãy tìm phần tử cha có thuộc tính position, khác với static:

<div id="parent3">
	<div id="parent2" style="position: relative">
		<div id="parent1">
			<p id="elem">văn bản</p>
		</div>
	</div>
</div>

let elem = document.querySelector('#elem');
console.log(elem.offsetParent.id);

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

'parent2'

Ví dụ

Nếu các phần tử cha không có định vị, thì offsetParent sẽ chứa body:

<div>
	<p id="elem">văn bản</p>
</div>

let elem = document.querySelector('#elem');
console.log(elem.offsetParent.tagName);

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

'BODY'

Xem thêm

thuộc tính offsetParent,
chứa phần tử cha có định vị
thuộc tính offsetTop,
chứa khoảng lệch của phần tử từ phía trên
thuộc tính offsetLeft,
chứa khoảng lệch của phần tử từ phía trái
phương thức getBoundingClientRect,
tìm khoảng lệch của phần tử