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 内的链接中

您是否遇到任何错误？

我可能误解了您的问题，但如果没有，您的代码应该可以工作。

这是我的示例：一个有效的 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);