HTML DOM Element clientHeight ਪ੍ਰਤੀਯੋਗਿਤਾ

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

clientHeight ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਵਾਪਸ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ ਕਿ ਅੰਕਾਕਾਰ ਦੀ ਦਿਸ਼ਾ ਉੱਚਾਈ, ਪ੍ਰਤੀਬਿੰਬ ਸ਼ਾਮਲ ਹੈ, ਬੋਰਡਰ, ਸਰਕਲ ਟੈਬਲੇਟ ਜਾਂ ਬਾਹਰੀ ਮਾਰਜਿਨ ਨਹੀਂ ਸ਼ਾਮਲ ਹੁੰਦੇ, ਪਿਕਸਲ ਵਿੱਚ

clientHeight ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਸਿਰਫ ਪੜ੍ਹਨਾ ਹੈ

ਇਹ ਵੀ ਦੇਖੋ:CSS ਫਰੇਮਵਰਕ ਸਿੱਖਣ ਦਾ ਪਾਠ

ਇਹ ਵੀ ਦੇਖੋ:

clientWidth ਪ੍ਰਤੀਯੋਗਿਤਾ

clientTop ਪ੍ਰਤੀਯੋਗਿਤਾ

clientLeft ਪ੍ਰਤੀਯੋਗਿਤਾ

offsetHeight ਪ੍ਰਤੀਯੋਗਿਤਾ

offsetWidth ਪ੍ਰਤੀਯੋਗਿਤਾ

ਜੇਕਰ ਤੁਸੀਂ ਇਲੈਕਟਰੋਨ ਨੂੰ ਸਰਕਲ ਟੈਬਲੇਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ CSS overflow ਪੈਰਾਮੀਟਰ.

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

"myDIV" ਦੀ ਉਚਾਈ ਅਤੇ ਚੌਡਾਈ ਪ੍ਰਾਪਤ ਕਰੋ, ਜਿਸ ਵਿੱਚ ਪ੍ਰਤੀਬਿੰਬ ਸ਼ਾਮਲ ਹੈ:

const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";

ਆਪਣੇ ਆਪ ਸਿਖਣਾ

ਉਦਾਹਰਣ 2: clientHeight/clientWidth ਅਤੇ offsetHeight/offsetWidth ਦਾ ਅੰਤਰ

ਸਰਕਲ ਟੈਬਲੇਟ ਨਹੀਂ ਹੈ:

const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";

ਆਪਣੇ ਆਪ ਸਿਖਣਾ

ਸਰਕਲ ਟੈਬਲੇਟ ਹੈ:

const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";

ਆਪਣੇ ਆਪ ਸਿਖਣਾ

ਗਰੰਥ

element.clientHeight

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

ਪ੍ਰਕਾਰ ਪਰਿਭਾਸ਼ਾ
ਅੰਕਾਕਾਰ ਅੰਕਾਕਾਰ, ਪਰਿਭਾਸ਼ਾ, ਪ੍ਰਕਾਰ, ਵਾਪਸ ਪ੍ਰਾਪਤ ਕੀਤਾ ਗਿਆ ਮੁੱਲ

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

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

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