div.appendChild(). AppendChild()

Question

Logischerweise möchte ich ein Bild in einen Link in einem div einbetten. Ich habe das entweder mit dem Link oder dem Bild erfolgreich gemacht. Ich habe es sogar mit dem Link und dem Bild parallel gemacht (was nutzlos ist) für meine Zwecke. Aber kann nicht scheinen, das Bild in einen Link in einem div eingewickelt zu haben.

var div = OpenLayers.Util.createDiv(); 
var img = OpenLayers.Util.createImage(null, null, null, null, null, null, null, delayDisplay); 
img.className = "olAlphaImg"; 
img.alt = altText; 

var link = document.createElement("a"); 
// link.setAttribute("href", "#"); 
link.href="#" + altText; 
link.appendChild(img); 

div.appendChild(link); 

OpenLayers.Util.modifyAlphaImageDiv(div, id, px, sz, imgURL, position, border, sizing, opacity, altText); 

return div; 

Dies ist für eine Openlayers, wo ich versuche, Navigation mit der Tastatur zu gewährleisten. Ich bin einfach nicht sicher, wie man das mit Javascript macht und alle Beispiele benutzen nur eine appendChild-Referenz. Ich habe versucht mit innerHTML(), aber ich habe keine Zeichenfolgen verwendet, so dass es nicht nützlich schien.

Answer 1

Was meinst du mit

können das Bild nicht erscheinen in einem Link in einem div

Fehler

Sie erleben gewickelt haben Sie?

Ich könnte Ihre Frage missverstanden haben, aber wenn nicht, sollte Ihr Code funktionieren.

Hier ist mein Beispiel: ein working jsfiddle, die ein Bild in einen Link in einen Container umschließt.

var img = document.createElement('img'); 
img.src = 'https://www.google.fr/images/srpr/logo3w.png'; 

var anchor = document.createElement('a'); 
anchor.href = 'http://google.com'; 

// Wrap image in the link (anchor): 
anchor.appendChild(img); 
// Insert the anchor into container: 
document.getElementById('container').appendChild(anchor);