HTML DOM Element offsetLeft ਵਿਸ਼ੇਸ਼ਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

offsetLeft ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਪੈਰੈਂਟ ਦੇ ਸਬੰਧ ਵਿੱਚ ਸਥਾਨ ਪ੍ਰਾਪਤ ਕਰਦੀ ਹੈ (ਪਿਕਸਲ ਵਿੱਚ)। ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਸਿਰਫ ਲੜੀ ਦਾ ਹੈ。

ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਮੁੱਲ ਵਿੱਚ ਸ਼ਾਮਲ ਹੈ:

  • ਐਲੀਮੈਂਟ ਦੇ ਸਾਥੀ ਪਾਸੇ ਦਾ ਸਥਾਨ ਅਤੇ ਬਾਹਰੀ ਮਾਰਜਿਨ
  • ਪੈਰੈਂਟ ਦੇ ਸਾਥੀ ਲੈਂਡਿੰਗ, ਸਕਰੋਲ ਬਾਰਡਰ ਅਤੇ ਬਾਰਡਰ

ਇਸ ਲਈ ਦੇਖੋ:CSS ਫਰੇਮਵਰਕ ਟੂਰ

offsetParent

ਸਾਰੇ ਬਲਕ ਇਲੀਮੈਂਟ ਆਫਸੈਟ ਪੈਰੈਂਟ ਦੇ ਸਬੰਧ ਵਿੱਚ ਆਫਸੈਟ ਰਿਪੋਰਟ ਕਰਦੇ ਹਨ:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

ਆਫਸੈਟ ਪੈਰੈਂਟ ਇਹ ਨਜ਼ਦੀਕੀ ਨਾਨ-ਸਟੇਟਿਕ ਸਥਾਨ ਹੈ ਜੋ ਪੈਰੈਂਟ ਹੈ。

ਜੇਕਰ ਕੋਈ ਆਫਸੈਟ ਪੈਰੈਂਟ ਨਹੀਂ ਮੌਜੂਦ ਹੈ ਤਾਂ ਆਫਸੈਟ ਹੈ ਦਸਤਾਵੇਜ਼ ਦੇ ਮੁੱਖ ਮੁੱਦੇ ਨਾਲ ਸਬੰਧਤ ਹੈ。

ਇਸ ਲਈ ਦੇਖੋ:

offsetTop ਵਿਸ਼ੇਸ਼ਤਾ

offsetWidth ਵਿਸ਼ੇਸ਼ਤਾ

offsetHeight ਵਿਸ਼ੇਸ਼ਤਾ

offsetParent ਵਿਸ਼ੇਸ਼ਤਾ

clientTop ਵਿਸ਼ੇਸ਼ਤਾ

clientLeft ਵਿਸ਼ੇਸ਼ਤਾ

clientWidth ਵਿਸ਼ੇਸ਼ਤਾ

clientHeight ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

"myDIV" ਦਾ offsetLeft ਸਥਾਨ ਪ੍ਰਾਪਤ ਕਰੋ:

const element = document.getElementById("myDIV");
pos = element.offsetLeft;

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

"myDIV" ਦਾ ਸਥਾਨ ਪ੍ਰਾਪਤ ਕਰੋ:

const element = document.getElementById("myDIV");
let pos1= element.offsetTop;
let pos2= element.offsetLeft;

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਰੰਥ

ਲੰਬਾਈ ਪ੍ਰਾਪਤ ਕਰੋ:

element.offsetLeft

ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਮੁੱਲ

ਇੰਟਰਵੈਲਸ ਵਰਣਨ
ਨੰਬਰ ਐਲੀਮੈਂਟ ਦੇ ਸਾਥੀ ਪਾਸੇ ਦਾ ਸਥਾਨ, ਪਿਕਸਲ ਵਿੱਚ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਦਾ ਸਮਰਥਨ ਹੈ element.offsetTop：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ