HTML DOM Element getBoundingClientRect() ਮੰਥਨ
- پائیدھ سارے لوک getAttributeNode()
- پائیدھ سارے لوک getElementsByClassName()
- کم سارے لوک HTML DOM Elements اشیاء
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
getBoundingClientRect() ਮੰਥਨ ਆਬਜੈਕਟ ਦਾ ਮੋਟਾਪੈਕ ਅਤੇ ਦਰਸ਼ਨ ਪੋਰਟ ਦੇ ਸਬੰਧ ਵਿੱਚ ਵਾਪਸ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ。
getBoundingClientRect() ਮੰਥਨ ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਹੈ ਜੋ ਸੱਤ ਜਾਂਚਾਂ ਵਾਲੇ DOMRect ਆਬਜੈਕਟ ਹਨ:
- left
- top
- right
- bottom
- x
- y
- width
- height
ਸੁਝਾਅ:ਸਰਕਾਰੇ ਦੀ ਸਰਕਾਰੇ ਵੀ ਸ਼ਾਮਲ ਹੈ। ਇਹ ਮਤਲਬ ਹੈ ਕਿ ਹਰ ਵਾਰ ਜਦੋਂ ਸਰਕਾਰੇ ਦਾ ਸਥਾਨ ਬਦਲਦਾ ਹੈ ਤਾਂ ਸਰਕਾਰੇ ਦੇ ਮੋਟੇ ਦੇ ਹਰ ਕਿਸਮ ਦੇ ਮੋਟੇ (top, left, bottom ਅਤੇ right) ਦੇ ਮੁੱਲ ਵੀ ਬਦਲ ਜਾਣਗੇ。
ਉਦਾਹਰਣ
ਆਬਜੈਕਟ ਦਾ ਮੋਟਾਪੈਕ ਅਤੇ ਦਰਸ਼ਨ ਪੋਰਟ ਦੇ ਸਬੰਧ ਵਿੱਚ ਵਾਪਸ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ:
const rect = element.getBoundingClientRect();
ਵਾਕਫ਼ਾ
element.getBoundingClientRect()
ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ
| ਪ੍ਰਕਾਰ | ਵਰਣਨ |
|---|---|
| ਆਬਜੈਕਟ |
ਸੱਤ ਜਾਂਚਾਂ ਵਾਲੇ DOMRect ਆਬਜੈਕਟ ਹਨ:
|
ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ element.getBoundingClientRect()：
| ਕਰੋਮ | آئی ای | ایج | فائرفاکس | سافری | آپریا |
|---|---|---|---|---|---|
| ਕਰੋਮ | آئی ای | ایج | فائرفاکس | سافری | آپریا |
| پشتیبندی | 9-11 | پشتیبندی | پشتیبندی | پشتیبندی | پشتیبندی |
- پائیدھ سارے لوک getAttributeNode()
- پائیدھ سارے لوک getElementsByClassName()
- کم سارے لوک HTML DOM Elements اشیاء
