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 :
clientWidthest numérique, tandis quegetComputedStyle(elem).widthrenvoie une chaîne de caractères avecpxà la fin.getComputedStylepeut renvoyer une largeur non numérique comme"auto"pour un élément inline.clientWidthest la zone de contenu interne de l’élément plus les paddings, tandis que la largeur CSS (avec lebox-sizingstandard ) 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é
clientWidthest toujours la même : la taille de la barre de défilement est soustraite si elle est réservée.