Indica le differenze tra la proprietà width CSS e clientWidth
importanza: 5
Quali sono le differenze tra getComputedStyle(elem).width e elem.clientWidth?
Indica almeno 3 differenze. Più sono meglio è.
Differenze:
clientWidthè un valore numerico,getComputedStyle(elem).widthinvece restituisce una stringa conpxalla fine.getComputedStylepuò restituire una larghezza non numerica come"auto"per un elemento inline.clientWidthè l’area del contenuto interna di un elemento più il padding, mentre la proprietà width dei CSS (con il valore predefinito dibox-sizing) è l’area del contenuto interna senza il padding.- Se c’è una barra di scorrimento ed il browser le riserva uno spazio, alcuni browser sottraggono quello spazio alla larghezza impostata tramite CSS (perché non è più disponibile per i contenuti), e altri invece no. La proprietà
clientWidthè sempre la stessa: se la barra di scorrimento ha uno spazio riservato viene sottratto all’area del contenuto.