Uncaught Błąd: NOT_FOUND_ERR: DOM Exception 8 na wezwanie appendChild

Question

Possible Duplicate:
javascript appendChild doesn't work

Błąd występuje w ostatnim wierszu tego fragmentu:

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

tam naprawdę nic innego nie dzieje ... I sprawdzeniu, że specialdiv nie jest pusty lub coś w tym stylu. Czy ktoś może wyjaśnić, dlaczego dostaję ten błąd na tej linii?

Answer 1

nie przechodzą ciąg, ale element

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

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

Answer 2

Otrzymujesz ten błąd, ponieważ appendChild pobiera elementy DOM, a nie ciągi. Musisz faktycznie utworzyć element DOM przed użyciem appendChild.

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

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