div.appendChild()。的appendChild()

时间:2012-04-05 12:52:06

标签: javascript appendchild

逻辑上,我想在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(),但我没有使用字符串,因此看起来没用。

1 个答案:

答案 0 :(得分:4)

你是什么意思

  

似乎无法将图像包含在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);