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

是否遇到了任何錯誤，裏面的形象呢？

我可能誤解了你的問題，但如果沒有，你的代碼應該工作。

下面是我的示例：a 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);