1

Javascriptを使用して、テキストを「title」タグからページの大きな画像の下の説明に交換しています。

大きな画像の下にスワップされているテキストへのリンクを追加するにはどうすればよいですか？

こちらのサンプルページ-サンプルページ

js- _

    function updateCaption(elm) {
    document.getElementById('captionText').innerHTML = elm.getAttribute('title');
}

html- _

<a href="ipod-blue-large.jpg" onmouseover="updateCaption(this);" title="iPod Blue" rel="zoom-id:ipod" 


<a href="ipod-blue-large.jpg" class="MagicZoom"  id="ipod"><img src="ipod-blue-large.jpg"></a><span id="captionText">Text to be swapped</span>
4

1 に答える 1

1

名前が示すように、innerHTMLは標準のHTMLを受け入れます。だからあなたはこれをするかもしれません：

function updateCaption(elm) {
     document.getElementById('captionText').innerHTML = "<a href=somehref>"+elm.getAttribute('title')+"</a>";
}

キャプションに画像と同じhrefを設定したい場合は、次のようにします。

function updateCaption(elm) {
     document.getElementById('captionText').innerHTML = 
          '<a href="'+elm.href+'">'
          + elm.getAttribute('title')
          + '</a>';
}
于 2012-09-10T16:58:29.837 に答える