div.appendChild(). AppendChild()

Question

Логически, я хочу встроить изображение в ссылку в div. Я успешно сделал это с помощью ссылки или изображения. Я даже сделал это со ссылкой и изображением параллельно (что бесполезно) для моих целей. Но не может показаться, что изображение обернуто в ссылку внутри div.

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; 

Это для OpenLayers, где я пытаюсь обеспечить навигацию по клавиатуре. Я просто не уверен, как это сделать с помощью javascript, и все примеры используют только одну ссылку appendChild. Я пробовал с innerHTML(), но я не использовал строки, чтобы это не показалось полезным.

Answer 1

Что вы имеете в виду

не может, кажется, есть изображение, завернутое в ссылке внутри DIV

ли вы испытываете какие-либо ошибки?

Возможно, я неправильно понял ваш вопрос, но если нет, ваш код должен работать.

Это мой пример: working jsfiddle, который обертывает изображение в ссылку в какой-либо контейнер.

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);