Vi en un curso de programacion que estaban usando
document.body.appenChild()
Y decia que es porque al body es al que se le agregan cosas, pero es que me pregunté porque no era así, pero con document.getElementById(), es decir que fuera document.body.getElementById().
Además, ¿qué no se supone que el document es como el body?, o sea yo creo que no es necesario aclarar que es al body al que se le agregan cosas cuando el document es lo visual, o sea como el body masomenos, pero bueno aca les dejo el codigo completo en donde en una parte se usa el document.body.appendChild.
<!DOCTYPE html>
<html>
<head>
<title>
PakimanDex!
</title>
</head>
<body>
<h1>Pakimanes que he atrapado!</h1>
<script src="pakiman.js">
</script>
<script src="paki.js">
</script>
</body>
</html>
JS (CLASE)
class Pakiman
{
constructor(n, v, a)
{
this.imagen = new Image();
this.nombre = n;
this.vida = v;
this.ataque = a;
this.imagen.src = imagenes[this.nombre];
}
hablar()
{
alert(this.nombre);
}
mostrar()
{
document.body.appendChild(this.imagen);
document.write("<br /><strong>" + this.nombre + "</strong><br />");
document.write("Vida: " + this.vida + "<br />");
document.write("Ataque: " + this.ataque + "<hr />");
}
}
JS
var imagenes = [];
imagenes["Cauchin"] = "vaca.png";
imagenes["Pokacho"] = "pollo.png";
imagenes["Tocinauro"] = "cerdo.png";
var coleccion = [];
coleccion.push( new Pakiman("Cauchin", 100, 30) );
coleccion.push(new Pakiman("Pokacho", 80, 50));
coleccion.push(new Pakiman("Tocinauro", 120, 40));
for(var freddito of coleccion)
{
freddito.mostrar();
}
for(var x in coleccion[0])
{
console.log(x);
}