Tengo un archivo javascript externo donde escribí códigos jquery y códigos javascript, pero los códigos javascript no funcionan, solo funciona la alerta.
Quiero que algunos textos parpadeen en diferentes colores, pero no es así.
Cuando inspecciono elementos con ctrl+shift+i , veo que los colores cambian en el elemento de inspección, pero no cambia en la página web.
Algo así como que se está ejecutando en segundo plano o lo que realmente no sé.
function flash() { var text = document.getElementById('sales'); text.style.color=(text.style.color=='red')? 'green' : 'red'; } var clr = setInterval(flash, 500) <p id="sales"> <h3 style ="text-align: center; font-weight: bold;"> Flash Sales </h3></p>Si verifica correctamente la inspección, verá que su HTML se cambió de lo que tiene. Un elemento <p> no puede contener un elemento <h3> y el DOM se ha cambiado a <p id="sales"></p><h3>...</h3> .
Como tal, su CSS se está aplicando en el lugar equivocado.
function flash() { var text = document.getElementById('sales'); text.style.color=(text.style.color=='red')? 'green' : 'red'; } var clr = setInterval(flash, 500) <h3 id="sales" style ="text-align: center; font-weight: bold;"> Flash Sales </h3>Pude resolver el problema eliminando el estilo en línea desde la etiqueta <h3 y diseñándolo en css.
En script java puro
document.querySelector('element name').style.color = 'red';en jquery
$('element name').css({red : 'red'});