Tecnología

Inicio

Cómo conseguir ancho de un elemento en Javascript

elementos "div" en una página web son dinámicos en que se redimensionan automáticamente a sí mismos después de su publicación. Conseguir el tamaño resultante de un elemento de ese tipo implica la asignación de ese elemento una identificación, tirando de las propiedades de dicho elemento de la página del documento, la asignación de la propiedad de ancho a una variable y luego imprimir el valor. Todo esto se puede lograr escribir una sola función de JavaScript.

Instrucciones

1 Dar el elemento "div" que está tratando de analizar un ID:

<Div id = "test_id">

2 Crear una función de JavaScript entre las etiquetas "cabeza" de su página web:

<Script type = "text / javascript">
función output_width ()
{

}
</ Script>

3 Obtener las propiedades del "div" usando el método "document.getElementById", y almacenar los resultados en una variable:

div_properties var = document.getElementById ( "test_id");

Coloque esta entre {} las etiquetas de la función.

4 Tire de la anchura de la "div" de la variable con las propiedades "div" con el método "style.width":

div_width = div_properties.style.width;

Coloque esto después de la orden "document.getElementById".

5 Llame a la función del cuerpo de su página web utilizando el método "document.write":

<Script type = "text / javascript">
document.write (output_width ());
</ Script>

Coloque esta entre las etiquetas "body".