offsetParent गुण

offsetParent गुण उस निकटतम पैरेंट को संदर्भित करता है, जिसके सापेक्ष एलिमेंट की पोजिशनिंग होती है। यह या तो वह निकटतम पैरेंट होगा जिसका CSS गुण position static के बराबर नहीं है, या body टैग, अगर ऐसा कोई पोजिशनिंग वाला पैरेंट मौजूद नहीं है।

सिंटैक्स

element.offsetParent;

उदाहरण

आइए position गुण वाला पैरेंट एलिमेंट ढूंढते हैं, जो static से अलग है:

<div id="parent3">
	<div id="parent2" style="position: relative">
		<div id="parent1">
			<p id="elem">text</p>
		</div>
	</div>
</div>

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

कोड निष्पादित करने का परिणाम:

'parent2'

उदाहरण

यदि पैरेंट एलिमेंट्स में कोई पोजिशनिंग नहीं है, तो offsetParent body को संदर्भित करता है:

<div>
	<p id="elem">text</p>
</div>

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

कोड निष्पादित करने का परिणाम:

'BODY'

यह भी देखें

offsetParent गुण,
जो पोजिशनिंग वाले पैरेंट को संदर्भित करता है
offsetTop गुण,
जो एलिमेंट का ऊपर से ऑफसेट रखता है
offsetLeft गुण,
जो एलिमेंट का बाएं से ऑफसेट रखता है
getBoundingClientRect मेथड,
जो एलिमेंट का ऑफसेट ढूंढता है