La différence: largeur CSS vs clientWidth
importance: 5
Quelle est la différence entre getComputedStyle(elem).width
et elem.clientWidth
?
Donnez au moins 3 différences. Plus c’est mieux.
Différences :
clientWidth
est numérique, tandis quegetComputedStyle(elem).width
renvoie une chaîne de caractères avecpx
à la fin.getComputedStyle
peut renvoyer une largeur non numérique comme"auto"
pour un élément inline.clientWidth
est la zone de contenu interne de l’élément plus les paddings, tandis que la largeur CSS (avec lebox-sizing
standard ) est la zone de contenu interne sans les paddings.- S’il y a une barre de défilement et que le navigateur lui réserve de l’espace, certains navigateurs soustraient cet espace de la largeur CSS (car il n’est plus disponible pour le contenu), et d’autres non. La propriété
clientWidth
est toujours la même : la taille de la barre de défilement est soustraite si elle est réservée.