Propiedad HTML DOM scrollWidth
Ejemplo
Obtenga la altura y el ancho completos de un elemento, incluido el relleno:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad scrollWidth devuelve el ancho completo de un elemento en píxeles, incluido el relleno, pero no el borde, la barra de desplazamiento o el margen.
Sugerencia: use la propiedad scrollHeight para devolver la altura completa de un elemento.
Las propiedades scrollWidth y scrollHeight devuelven el alto y el ancho completos de un elemento, incluidos el alto y el ancho que no se pueden ver (debido al desbordamiento).
Sugerencia: para agregar barras de desplazamiento a un elemento, use la propiedad de desbordamiento de CSS .
Esta propiedad es de sólo lectura.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
scrollWidth | Yes | Yes | Yes | Yes | Yes |
Sintaxis
element.scrollWidth
Detalles técnicos
Valor devuelto: | Un número, que representa el ancho total (horizontalmente) de un elemento, en píxeles |
---|
Más ejemplos
Ejemplo
Usando relleno, borde, barra de desplazamiento y margen para mostrar cómo esto afecta la propiedad scrollWidth y scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Ejemplo
Devuelve scrollHeight y scrollWidth de un elemento y luego establece su alto y ancho en los valores devueltos por scrollHeight y 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";
}