添加“标题”标签文本的超链接

Question

我正在使用一些Javascript将文本从“标题”标记交换到我页面上大图像下方的描述。

如何添加指向正在大图像下方交换的文本的链接？

此处的示例页面 - Sample Page

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>

Answer 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>';
}