¿Cómo obtener el ancho actual de div usando js?
El primer caso es que el ancho y el alto están escritos en la hoja de estilos, como #div1{width: 120px;}. En este caso, el ancho no se puede obtener mediante #div1.style.width, pero el ancho se puede obtener mediante #div1.offsetWidth.
El segundo caso es que el ancho y el alto se escriben en línea, como style="width: 120px;". En este caso, el ancho se puede obtener mediante los dos métodos anteriores. (Lo que está en línea es escribir el estilo directamente en la etiqueta html)
Resumen, porque id.offsetWidth e id.offsetHeight independientemente de si el estilo está escrito en la hoja de estilos o en línea, es mejor cuando obtenemos el ancho y el alto del elemento. Es fácil usar estos dos atributos. Tenga en cuenta que si los atributos no están escritos en el estilo en línea, no se pueden obtener a través de id.style.atrr.
En la producción front-end actual, los estilos rara vez se escriben directamente en el estilo. Todos están escritos en la hoja de estilo. Si el estilo que desea obtener no tiene uno correspondiente (al igual que #div1.style.width corresponde a #div1.offsetWidth), solo puede obtener los atributos de la hoja de estilo por separado sin usar un navegador. Puede intentar buscar. para "Propiedades de JS Get Style" y similares.
Código:
var o = document.getElementById("view"); var h = o.offsetHeight; //Alto var w = o.offsetWidth; p>
Información ampliada:
Programación js:
JavaScript es un lenguaje de scripting. Su código fuente no necesita ser compilado antes de enviarse al cliente para su ejecución. El código de caracteres en formato de texto se envía al navegador para su interpretación y ejecución por parte del navegador. La debilidad de los lenguajes de traducción literal es que son menos seguros y, en JavaScript, si uno no puede ejecutarse, los siguientes idiomas tampoco podrán ejecutarse. La solución es utilizar try{}catch(){}.
Javascript se clasifica como un lenguaje de traducción literal porque los motores convencionales cargan el código y lo interpretan cada vez que se ejecuta. V8 interpreta todo el código antes de comenzar a ejecutarlo, mientras que otros motores lo interpretan línea por línea (SpiderMonkey almacenará temporalmente las instrucciones interpretadas para mejorar el rendimiento, lo que se denomina compilación en tiempo real, sin embargo, porque las partes centrales de V8 son en su mayoría). Escrito en Javascript (SpiderMonkey está escrito en C).
Por lo tanto, en diferentes pruebas, el desempeño de ambos tiene ventajas y desventajas. Le corresponde un lenguaje compilado, como el lenguaje C. Antes de poder ejecutar un programa escrito en un lenguaje compilado, debe compilarse para compilar el código en código de máquina y luego ejecutarse.
Materiales de referencia: javascript_Enciclopedia Baidu