Propriedade HTML DOM scrollWidth
Exemplo
Obtenha toda a altura e largura de um elemento, incluindo preenchimento:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade scrollWidth retorna toda a largura de um elemento em pixels, incluindo preenchimento, mas não a borda, barra de rolagem ou margem.
Dica: Use a propriedade scrollHeight para retornar a altura inteira de um elemento.
As propriedades scrollWidth e scrollHeight retornam a altura e a largura inteiras de um elemento, incluindo a altura e a largura que não podem ser visualizadas (devido ao estouro).
Dica: Para adicionar barras de rolagem a um elemento, use a propriedade CSS overflow .
Esta propriedade é somente leitura.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
scrollWidth | Yes | Yes | Yes | Yes | Yes |
Sintaxe
element.scrollWidth
Detalhes técnicos
Valor de retorno: | Um número, representando toda a largura (horizontal) de um elemento, em pixels |
---|
Mais exemplos
Exemplo
Usando preenchimento, borda, barra de rolagem e margem para mostrar como isso afeta a propriedade scrollWidth e scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Exemplo
Retorne o scrollHeight e scrollWidth de um elemento e, em seguida, defina sua altura e largura para os valores retornados de scrollHeight e 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";
}