El primer caso es que el ancho y la altura están escritos en la hoja de estilo, como #div1 {ancho: 120px;}. En este caso, el ancho no se puede obtener a través de #div1.style.width, pero el ancho se puede obtener a través de #div1.offsetwidth.
El segundo caso es que el ancho y la altura se escriben en la línea, como Style = "Ancho: 120px;", en cuyo caso, el ancho se puede obtener a través de los dos métodos anteriores.
Resumen, debido a que ID.OffSetWidth e Id.Offsetheight ignoran el estilo escrito en la hoja de estilo o en la línea, es mejor usar estos dos atributos cuando obtenemos el ancho y la altura del elemento. Tenga en cuenta que si los atributos escritos en el estilo de línea no se pueden obtener a través de id.style.atrr.
Hoy en día, la producción front-end rara vez escribe estilos directamente con estilo, pero todos están escritos en hojas de estilo. Si el estilo que desea obtener no corresponde (solo #div1.style.width corresponde a #div1.offsetwidth), solo puede obtener los atributos de la hoja de estilo sin usar un navegador. Puede intentar buscar "JS Get Style Propiedades".
Código:
var o = document.getElementById ("ver"); var h = o.offsetheight; // altura var w = o.offsetWidth; //AnchoEl método anterior para obtener el ancho y la altura reales del elemento HTML en JS es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.