javascript - 将超链接添加到“标题”标签文本

Question

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

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

此处的示例页面 -示例页面

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