HTML DOM scrollWidth Eiendom
Voorbeeld
Kry die hele hoogte en breedte van 'n element, insluitend vulling:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die scrollWidth-eienskap gee die hele breedte van 'n element in pieksels terug, insluitend vulling, maar nie die rand, skuifbalk of kantlyn nie.
Wenk: Gebruik die scrollHeight- eienskap om die hele hoogte van 'n element terug te gee.
Die scrollWidth en scrollHeight eienskappe gee die hele hoogte en breedte van 'n element terug, insluitend die hoogte en breedte wat nie sigbaar is nie (as gevolg van oorloop).
Wenk: Gebruik die CSS -oorloop- eienskap om rolbalke by 'n element te voeg.
Hierdie eiendom is leesalleen.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
scrollWidth | Yes | Yes | Yes | Yes | Yes |
Sintaksis
element.scrollWidth
Tegniese besonderhede
Terugkeerwaarde: | 'n Getal, wat die hele breedte (horisontaal) van 'n element in pixels voorstel |
---|
Meer voorbeelde
Voorbeeld
Gebruik opvulling, rand, rolbalk en kantlyn om te wys hoe dit die scrollWidth en scrollHeight-eienskap beïnvloed:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Voorbeeld
Stel die scrollHeight en scrollWidth van 'n element terug en stel dan sy hoogte en breedte in op die waardes wat teruggestuur word vanaf scrollHeight en scrollWidth:
var elmnt = document.getElementById("content");
function getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function setFunction() {
elmnt.style.height = y.scrollHeight + "px";
elmnt.style.width = y.scrollWidth + "px";
}