En este post te mostraré cómo agregar una clase HTML a un elemento (como un div
, un párrafo, etcétera) de manera dinámica usando Thymeleaf, un motor de plantillas usado mayormente en Spring Boot.
Para agregar una clase a la lista de clases existentes, se usa:
th:classapend="expresión"
Esta declaración permite agregar una clase además de las que el elemento ya tiene declaradas con el atributo class
.
Por ejemplo, si se quiere agregar una clase dependiendo de una variable:
En este caso la clase del elemento HTML es alert
, pero con Thymeleaf y classappend
se agrega otra clase de manera dinámica.
Suponiendo que la variable clase
es alert-success
las clases del div
quedarían así al final:
<div class="alert alert-success">
Ya que classappend
permite agregar una clase a un elemento HTML con Thymeleaf.
Esto funciona igualmente con if
s y operadores ternarios:
Así de fácil se puede agregar una clase dinámica usando Thymeleaf.
En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…
Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…
Hoy vamos a ver programar la impresión de un PDF generado a partir de HTML…
En este tutorial básico de JavaScript con HTML vamos a ver cómo llenar una lista…
En este artículo se presenta una guía para imprimir un PDF a partir de una…
En este post voy a enseñarte cómo imprimir un PDF a partir de su representación…
Esta web usa cookies.