ajustando dinámicamente los atributos de estilo de elemento con JavaScript

Elemento de modificación estilizados usando JavaScript le permite alterar la apariencia de un sitio web en la mosca, mejorar la interactividad de los usuarios. Para lograr esto, siga estos pasos:

• Paso 1: Identifique el elemento

usando el método getElementById (), recupere el elemento que desea modificar. Por ejemplo, si la identificación del elemento es "xyz", sería document.getElementById ("xyz").

• paso 2: Acceda al atributo de estilo [&]
para modificar el estilo de un elemento, acceder a su propiedad de estilo. Esto devuelve un objeto que contiene todos los atributos de estilo.

Paso 3: Establezca el valor de atributo nuevo
similar a configurar cualquier propiedad de objeto, puede asignar un nuevo valor a un atributo de estilo. Digamos que desea modificar el atributo "Padding-top" a "10px":

notación separada por el tablero. También puede usarlo encerrando el nombre del atributo en los soportes cuadrados:

document.getElementById("xyz").style.padding-top = "10px";

• recursos adicionales
para más capacidades de Capitabilidades, Styling, considere una biblioteca de Capacidades más comprensivas. [jQuery] (https://jquery.com/) o [AngularJS] (https://angularjs.org/).

para una biblioteca de manipulación CSS dedicada, visite [style-mod] (https://github.com/style-mod).