Propriété scrollWidth du DOM HTML
Exemple
Obtenez toute la hauteur et la largeur d'un élément, y compris le rembourrage :
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété scrollWidth renvoie la largeur totale d'un élément en pixels, y compris le remplissage, mais pas la bordure, la barre de défilement ou la marge.
Conseil : Utilisez la propriété scrollHeight pour renvoyer la hauteur totale d'un élément.
Les propriétés scrollWidth et scrollHeight renvoient la hauteur et la largeur entières d'un élément, y compris la hauteur et la largeur qui ne sont pas visibles (en raison d'un débordement).
Astuce : Pour ajouter des barres de défilement à un élément, utilisez la propriété CSS overflow .
Cette propriété est en lecture seule.
Prise en charge du navigateur
| Property | |||||
|---|---|---|---|---|---|
| scrollWidth | Yes | Yes | Yes | Yes | Yes |
Syntaxe
element.scrollWidth
Détails techniques
| Valeur de retour : | Un Nombre, représentant toute la largeur (horizontalement) d'un élément, en pixels |
|---|
Plus d'exemples
Exemple
Utilisation de padding, border, scrollbar et margin pour montrer comment cela affecte les propriétés scrollWidth et scrollHeight :
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Exemple
Renvoyez les scrollHeight et scrollWidth d'un élément, puis définissez sa hauteur et sa largeur sur les valeurs renvoyées par scrollHeight et 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";
}