HTML DOM Element kliënt Hoogte
❮ Die elementvoorwerpVoorbeeld
Kry die hoogte en breedte van "myDIV", insluitend vulling:
const elmnt = document.getElementById("myDIV");
let text = "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px";
Meer voorbeelde hieronder.
Definisie en gebruik
Die clientHeight
eienskap gee die sigbare hoogte van 'n element in pieksels terug, insluitend vulling, maar nie die rand, skuifbalk of kantlyn nie.
Die clientHeight
eiendom is leesalleen.
Tutoriaal:
Sien ook:
Die Element clientWidth Eiendom
Die Element offsetHeight Property
Die Element offsetWidth Eiendom
Gebruik die CSS -oorloop- eienskap om rolbalke by 'n element te voeg.
Sintaksis
element.clientHeight
Terugkeerwaarde
Tik | Beskrywing |
Nommer | Die sigbare hoogte van die element (in pixels) insluitend vulling |
Die verskil tussen clientHeight/clientWidth en offsetHeight/offsetWidth
Sonder 'n skuifbalk:
const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";
Met 'n skuifbalk:
const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding, border and scrollbar: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding, border and scrollbar: " + elmnt.offsetWidth + "px";
Blaaierondersteuning
element.clientHeight
word in alle blaaiers ondersteun:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |
❮ Die elementvoorwerp