Uncaught त्रुटि: NOT_FOUND_ERR: appendChild कॉल के लिए डोम अपवाद 8

Question

Possible Duplicate:
javascript appendChild doesn't work

इस स्निपेट की अंतिम पंक्ति पर त्रुटि होती है:

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

वहाँ वास्तव में कुछ भी नहीं है और कुछ हो रहा है ... मैं सत्यापित है कि specialdiv शून्य या ऐसा कुछ नहीं है। क्या कोई यह समझा सकता है कि मुझे उस त्रुटि पर यह त्रुटि क्यों मिल रही है?

Answer 1

एक स्ट्रिंग है, लेकिन एक तत्व

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

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

Answer 2

आपको वह त्रुटि मिल रही है क्योंकि appendChild डॉम तत्व लेता है, स्ट्रिंग नहीं। appendChild का उपयोग करने से पहले आपको वास्तव में एक डोम तत्व बनाना होगा।

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

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