HTML DOM scrollWidth Propiedad

元素对象参考手册Objeto del elemento

Ejemplo

Obtener la altura y el ancho del elemento div, incluido el relleno (padding):

var elmnt = document.getElementById("content"); var y = elmnt.scrollHeight; var x = elmnt.scrollWidth;

Pruébalo »

Definición y uso

La propiedad scrollWidth es una propiedad de solo lectura que devuelve el ancho en píxeles del elemento. El ancho incluye el relleno (padding), no incluye el margen exterior (margin) ni el borde (border). Es un número entero, en píxeles (px).

El valor de scrollWidth es igual al ancho mínimo necesario para que todo el contenido del elemento quepa en la ventana gráfica sin usar una barra de desplazamiento horizontal. El ancho se mide de la misma manera que clientWidth: incluye el relleno del elemento, pero no incluye el borde, el margen exterior ni la barra de desplazamiento vertical (si existe). También puede incluir el ancho de elementos pseudo, como ::before o ::after. Si el contenido del elemento cabe sin necesidad de una barra de desplazamiento horizontal, su scrollWidth es igual a clientWidth.

Esta es una propiedad de solo lectura.

Compatibilidad del navegador

Propiedad
scrollWidth Yes Yes Yes Yes Yes

Sintaxis

element.scrollWidth

Detalles técnicos

Valor de retorno: Devuelve un número entero que representa el ancho en píxeles del elemento.

Más ejemplos

Ejemplo

Usa padding (relleno), border (borde), scrollbar (barra de desplazamiento) y margin (margen exterior) para demostrar los cambios de las propiedades scrollWidth y scrollHeight:

var elmnt = document.getElementById("content"); var y = elmnt.scrollHeight; var x = elmnt.scrollWidth;

Pruébalo »

Ejemplo

Devuelve los valores de las propiedades scrollHeight y scrollWidth de un elemento, y luego usa la altura y el ancho obtenidos para establecer los valores de las propiedades scrollHeight y scrollWidth de otro elemento:

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"; }

Pruébalo »

元素对象参考手册Objeto del elemento

Otras extensiones