Entiendo un poco cómo agregar elementos con texto a un documento HTML usando JavaScript. Solo estoy buscando una manera de agregar una identificación/clase a un elemento que se crea a partir de una función que se desencadena por un atributo de evento en un formulario.
Quiero mostrar lo siguiente:
#error {
borde: 0,5 em rojo sólido;
}
#correcto {
borde: 0,5 em verde sólido;
}
<p id="error"> Must have at least one checkbox checked</p> <p id="correct"> At least one checkbox is checked</p>
Proporcione una función de ejemplo que se active mediante un atributo de evento onsubmit utilizado en un elemento de formulario.
Puede agregar una clase a un elemento usando classList.add . Aquí hay un ejemplo: Archivo HTML
.errorStyle { border: 0.5em red solid; } .correctStyle { border: 0.5em green solid; } <p id="error"> Must have at least one checkbox checked</p> <p id="correct"> At least one checkbox is checked</p> <button onclick="change()">Submit</button>Función JS
function change() { var element = document.getElementById("error"); element.classList.add("errorStyle"); element.classList.add("correctStyle"); }