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

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

clientLeft ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸ ਵਿਅਕਤੀ ਦੇ ਪੱਛਮ ਵਾਲੇ ਫਾਰਮ ਦੀ ਚੌੜਾਈ ਦਿੰਦੀ ਹੈ ਜੋ ਪਿਕਸਲ ਵਿੱਚ ਹੈ。

clientLeft ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਵਿਅਕਤੀ ਦੇ ਪੱਛਮ ਵਾਲੇ ਇੰਟਰਪ੍ਰੈਸ ਜਾਂ ਪੱਛਮ ਵਾਲੇ ਐਕਸਟਰੀਅਰ ਨਹੀਂ ਸ਼ਾਮਿਲ ਹੁੰਦੀ ਹੈ。

clientLeft ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਰੀਡ ਓਨਲੀ ਹੈ。

ਟਿੱਪਣੀ:style.borderLeftWidth ਵਿਸ਼ੇਸ਼ਤਾਇਹ ਵੀ ਵਾਪਸ ਵਿਅਕਤੀ ਦੇ ਪੱਛਮ ਵਾਲੇ ਫਾਰਮ ਦੀ ਚੌੜਾਈ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。

ਇਹ ਵੀ ਦੇਖੋ:CSS ਫਾਸਟ ਮਾਡਲ ਸਿਖਲਾਈ

ਇਹ ਵੀ ਦੇਖੋ:

clientTop ਵਿਸ਼ੇਸ਼ਤਾ

clientWidth ਵਿਸ਼ੇਸ਼ਤਾ

clientHeight ਵਿਸ਼ੇਸ਼ਤਾ

offsetLeft ਵਿਸ਼ੇਸ਼ਤਾ

offsetTop ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਦਿਖਾਓ ਮਾਈਡੀਵੀ ਦੇ ਉੱਪਰ ਅਤੇ ਪੱਛਮ ਵਾਲੇ ਫਾਰਮ ਦੀ ਚੌੜਾਈ:

const elmnt = document.getElementById("myDIV");
let text = "Border top width: " + elmnt.clientTop + "px<br>";
text += "Border left width: " + elmnt.clientLeft + "px";

ਸਵੈ ਲੈਕੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ,"myDIV" ਦਾ ਲੇਖਣ ਸੱਦਾ ਪੱਛਮ ਵੱਲ ਹੈ ਅਤੇ ਉਸ ਵਿੱਚ ਸਰਕਣ ਲਿਸਟ ਹੈ:

let left = document.getElementById("myDIV").clientLeft;

ਸਵੈ ਲੈਕੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਸ਼ਾਬਦਿਕ

element.clientLeft

ਵਾਪਸ ਮੁੱਲ

ਤਰੀਕਾ ਵਰਣਨ
ਨੰਬਰ ਵਿਅਕਤੀ ਨੂੰ ਪੱਛਮ ਵੱਲ ਰੂਪ ਦਿੱਤਾ ਗਿਆ ਹੈ ਅਤੇ ਉਸ ਵਿੱਚ ਸਰਕਣ ਲਿਸਟ ਹੈ:

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ element.clientLeft：

ਚਰਮੇ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੇ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ