no detectada de error: excepción DOM 8 para la llamada appendChild

Question

Possible Duplicate:
javascript appendChild doesn't work

El error se produce en la última línea de este fragmento:: NOT_FOUND_ERR

var anchor = "<a id=\"hostname\" href=\"" + destination + "\"> "+ imagename + "</a>"; 
var specialdiv = document.getElementById("specialdiv"); 
console.log("div: " + specialdiv); 
specialdiv.appendChild(anchor); 

Realmente no hay nada más que hacer ... Me verificó que specialdiv no es nulo o algo así. ¿Alguien puede explicar por qué estoy recibiendo este error en esa línea?

Answer 1

no pasar una cadena, sino un elemento

var link = document.createElement('a'); 
link.innerHTML = imagename; 
link.id = "hostname"; 
link.href = destination; 

var specialdiv = document.getElementById("specialdiv"); 
specialdiv.appendChild(link); 

Answer 2

Obtiene ese error porque appendChild toma elementos DOM, no cadenas. Necesita crear realmente un elemento DOM antes de usar appendChild.

var anchor = document.createElement('a'); 
anchor.id = "hostname"; 
anchor.href = destination; 
anchor.innerHTML = imagename; 

var specialdiv = document.getElementById("specialdiv"); 
specialdiv.appendChild(anchor);