javascript - innerheight - jQuery cómo obtener Width interior pero sin el relleno?

outerheight javascript

Question

De los documentos, innerWidth hace casi lo que necesito:

"Obtiene el ancho interior (excluye el borde e incluye el relleno) para el primer elemento coincidente".

Necesito saber el ancho excluyendo el relleno. Es decir, el espacio utilizable dentro del elemento.

¿Proporciona jquery algo como esto? Hecho un poco de googlear y no puedo encontrar ninguna solución.

Pensé en obtener valores de padding-left y padding-right para restar del ancho interno. Pero dado que estos podrían ser porcentajes, píxeles o em, no estoy seguro de que esto sea confiable.

¿Alguna sugerencia?

Answer 1

Probablemente estés buscando la función width () ..

Ver los documentos, excluye el relleno: width()

(Tal como se pretende en la representación moderna del navegador de la propiedad css width)

Edit: ahora es 2012 y jQuery 1.8 acaba de salir. Si bien esto sigue siendo relevante, es posible que también desee leer el siguiente artículo del blog jQuery sobre box-sizing consideraciones de box-sizing en la versión 1.8

Answer 2

$(''#element'').width();

¡Es tan simple como eso!