Uncaught Errore: NOT_FOUND_ERR: DOM Exception 8 per la chiamata appendChild

Question

Possible Duplicate:
javascript appendChild doesn't work

L'errore si verifica su l'ultima linea di questo frammento:

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

Non c'è davvero niente altro in corso ... ho verificato che specialdiv non è nulla o qualcosa del genere. Qualcuno può spiegare perché sto ricevendo questo errore su quella linea?

Answer 1

non passare una stringa, ma 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

Si riceve questo errore perché appendChild accetta elementi DOM, non stringhe. È necessario creare effettivamente un elemento DOM prima di utilizzare appendChild.

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

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