Buenas chicos, ando liado con una practica en la que como bien pone arriba tengo que modificar unos divs (los que necesite no todos) y poner un numero
(es para mostrar un bingo)
los divs son estos:
################################################## ##
<div id="Carton"><!--hacemos los div por defecto del carton-->
<div class="numero" id="a1"><img src="imagenes/image007.png" /></div>
<div class="numero" id="a2"><img src="imagenes/image007.png" /></div>
<div class="numero" id="a3"><img src="imagenes/image007.png" /></div>
<div class="numero" id="a4"><img src="imagenes/image007.png" /></div>
<div class="numero" id="a5"><img src="imagenes/image007.png" /></div>
<div class="numero" id="a6"><img src="imagenes/image007.png" /></div>
<div class="numero" id="a7"><img src="imagenes/image007.png" /></div>
<div class="numero" id="a8"><img src="imagenes/image007.png" /></div>
<div class="numero" id="a9"><img src="imagenes/image007.png" /></div><br />
<div class="numero" id="b1"><img src="imagenes/image007.png" /></div>
<div class="numero" id="b2"><img src="imagenes/image007.png" /></div>
<div class="numero" id="b3"><img src="imagenes/image007.png" /></div>
<div class="numero" id="b4"><img src="imagenes/image007.png" /></div>
<div class="numero" id="b5"><img src="imagenes/image007.png" /></div>
<div class="numero" id="b6"><img src="imagenes/image007.png" /></div>
<div class="numero" id="b7"><img src="imagenes/image007.png" /></div>
<div class="numero" id="b8"><img src="imagenes/image007.png" /></div>
<div class="numero" id="b9"><img src="imagenes/image007.png" /></div><br />
<div class="numero" id="c1"><img src="imagenes/image007.png" /></div>
<div class="numero" id="c2"><img src="imagenes/image007.png" /></div>
<div class="numero" id="c3"><img src="imagenes/image007.png" /></div>
<div class="numero" id="c4"><img src="imagenes/image007.png" /></div>
<div class="numero" id="c5"><img src="imagenes/image007.png" /></div>
<div class="numero" id="c6"><img src="imagenes/image007.png" /></div>
<div class="numero" id="c7"><img src="imagenes/image007.png" /></div>
<div class="numero" id="c8"><img src="imagenes/image007.png" /></div>
<div class="numero" id="c9"><img src="imagenes/image007.png" /></div>
</div>
y el bucle es este:
##############################################
var contadorDiv = 1;//variable que sirve para contar los distintos divs
var arrayNumerosPulsados = new Array();
for (var i = 0; i < 9; i++)
{
for (var e = 0; i < 3; i++)
{
contadorDiv++;//se aumenta en 1 para ir cogiendo los distintos divs(27)
if (cartones[i][e] != "xxx")// si el valor es xxx el div no se modifica
var casilla = document.createElement("div");
var numero = document.createTextNode(cartones[i][e]);
document.write(cartones[i][e] + "<br>");
casilla.appendChild(numero);//añadimos al div el hijo(texto)
var imagen = document.getElementsByTagName("div")[contadorDiv] ;
imagen.parentNode.replaceChild(casilla, imagen);
casilla.setAttribute("class", "numero");
casilla.setAttribute("id", "id" + (contadorDiv - 1));
}
el problema esta en el
imagen.parentNode.replaceChild(casilla, imagen);
que me da el error
TypeError: Cannot read property 'parentNode' of undefined
he probado de forma alternativa a hacerlo con
document.getElementsByTagName("div")[contadorDiv].innerHTML = casilla;
pero tampoco sustituye la imagen por el numero que esté dentro del array
¿Alguna idea?