3

論理的には、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 参照を 1 つだけ使用しています。innerHTML() を試してみましたが、文字列を使用していなかったため、役に立たなかったようです。

4

1 に答える 1

5

どういう意味

画像を 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);
于 2012-04-05T13:04:08.627 に答える