Este bucle debería cargar unas imágenes en el div:
for (i = 1; i <= 10; i++) {
var imagen = document.createElement("img");n = document.createElement("img");
var im = document.createElement("img");
imagen.src = "C:\\Tarea de tio juego de cartas iguales\\Img\\" + i + ".jpg";
im.src = "C:\\Tarea de tio juego de cartas iguales\\Img\\" + i + ".jpg";
document.getElementsByTagName("div").appendChild(imagen);
document.getElementsByTagName("div").appendChild(im);
}
Pero no lo hace y me lanza una excepción en la consola del navegador.
Solo funciona si pongo document.body.appendChild
pero me gustaría hacerlo con el div, para luego poder modificar sus estilos en CSS.
También he probado usando getElementsByClassName
y nada.
n
file://
antes de la ruta de los archivos para acceder localmente, pero si necesitas algo más dinámico, puedes descargarte un servidor web como XAMPPgetElementsByTagName
tiene una S, fijategetElement S ByTagName
, es decir, te devuelve una LISTA de elementos y esa lista no tiene la funciónappendChild
, porqueappendChild
es una función de UN nodo