javascript - 将 Javascript 数组中的文本转换为超链接

Question

目前我有这个：http: //jsfiddle.net/492cy/

我想将 span id=textRange 设置为超链接。由于我有不同的文本（来自数组）填充 textRange，我希望每个文本（“a dude”、“a man”、“a human”）成为不同的超链接。因此最终结果将是：点击“a dude”会进入 website1.com，“a man”会进入 website2.com，“a human”会进入 website3.com

Answer 1

不确定您尝试使用哪个链接，但这有效并且会让您继续前进。你可以使用任何你想要的href，但这会告诉你如何更新<a>元素的href。

jsFiddle 示例

function changeText() {
    document.getElementById('textRange').innerHTML=Texts[count];
    document.getElementById('textRange').href = "http://website" + count + '.com';
    count++;
    if (count == Texts.length) { count = '0'; }
    setTimeout(changeText, delay * 1000);
}

Answer 2

这就是你想要的：

var delay = "3"; //how many seconds you wnat the delay to be
var count = '0';
var Texts = ["a dude", "a man", "a human"];
var Links = ["http://www.google.com", "http://www.yahoo.com", "http://www.bing.com"];

function changeText() {
    document.getElementById('textRange').innerHTML = "<a href='" + Links[count] + "'>" + Texts[count] + "</a>";
    count++;
    if (count == Texts.length) {
        count = '0';
    }
    setTimeout("changeText()", delay * 1000);
}

http://jsfiddle.net/492cy/4/