Tecnología

Inicio

Cómo Obtener el Valor de elementos CSS

Desde jQuery fue desarrollado para trabajar bien con CSS (Cascading Style Sheets), es una buena opción para conseguir el valor CSS de un elemento en una página Web. JQuery es una biblioteca JavaScript que le permite escribir secuencias de comandos utilizando su propio conjunto de funciones y reglas. Primero debe agregar la biblioteca a su página Web, y entonces usted puede comenzar a utilizar la función ") (.css" para obtener el valor de cualquier conjunto de propiedades CSS de cualquier elemento HTML. Estos elementos incluyen contenidos de la página, tales como párrafos, divs, tablas e imágenes.

Instrucciones

1 Abra la página Web en el Bloc de notas o un editor de código y comprobar los "<script>" etiquetas para una referencia al archivo de la biblioteca jQuery. Si no encuentras la referencia, ya sea en la cabeza o el pie de página de la página Web, agregue este código:

<Script type = "text / javascript> </ script>

2 Añadir un par de "<script>" etiquetas debajo del archivo de biblioteca jQuery:

<Script type = "text / javascript">

</ Script>

Escribir todo el código script de jQuery entre estas dos etiquetas.

3 Desplazarse hacia abajo y encontrar el elemento desde el que se necesita para obtener el valor de CSS. Encuentra el nombre de identificación en la etiqueta:

<Div id = "mybox">

Contenido aquí ...

</ Div>

Añadir un nombre de identificación para la etiqueta si aún no lo tiene.

4 Volver a sus "<script>" etiquetas y escribir una función de "documento listo" para obligar a la secuencia de comandos que esperar hasta que la página termine de cargarse. En una nueva línea dentro de llaves de tal función, seleccione el elemento HTML por su nombre de identificación. y adjuntar la función ") (.css". Declarar una variable frente al selector de modo la variable es igual al resultado de "css ()" función:

$ (Function () {

ancho var = $ ( "# mybox") css ().;

});

5 Escribir el nombre de la propiedad CSS que usted necesita para obtener el valor del interior de los parantheses del "css ()" función de poner comillas simples o dobles alrededor del nombre de la propiedad:

$ (Function () {

ancho var = $ ( "# mybox") CSS ( "ancho").;

});


Artículos relacionados