validacion - Llamar a la etiqueta<a> desde css en la función javascript
validar formulario javascript html5 (2)
Estás en el camino correcto: getElementsByTagName
devuelve una colección, así que simplemente recorre la colección:
function flash() {
var links = document.getElementsByTagName(''a'');
for (var i = 0; i < links.length; i++) {
links[i].style.color = (links[i].style.color==''black'') ? ''white'':''black'';
}
}
setInterval(flash, 1000);
También tenga en cuenta que setInterval
toma milisegundos, por lo que no se recomienda setInterval(x, 1)
.
Estoy usando esta secuencia de comandos de cambio de color por j08691:
function flash() {
var text = document.getElementById(''foo'');
text.style.color = (text.style.color==''red'') ? ''green'':''red'';
}
var clr = setInterval(flash, 1000);
Quiero llamar a la etiqueta <body>
y <a>
del CSS, no a una ID.
Para la etiqueta <body>
, hice esto y funciona:
function flash() {
var text = document.body;
text.style.color = (text.style.color==''black'') ? ''white'':''black'';
}
var clr = setInterval(flash, 1);
Pero no funciona con la etiqueta <a>
. Intenté variaciones como las siguientes:
var els = document.getElementsByTagName(''a'');
var links = document.getElementsByTagName(''a'');
En lugar de var text = document.getElementById(''a'');
y reemplazando text.style.color
con links[i].style.color
o links.style.color
pero no estoy muy seguro de lo que estoy haciendo allí.
Quiero cambiar los colores de todos los enlaces a la vez.
¿Estás tratando de acceder a las etiquetas a en el html? y luego aplicar algunos CSS a cada uno a través de su función?
Usando la biblioteca jquery
$("a").each(function(){
//do something with the element here like your function. $(this).stuff;
});