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

时间:2012-08-10 01:01:12

标签: javascript html

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

我想将span id = textRange设为超链接。由于我有不同的文本(从数组)填充textRange,我希望每个文本(“一个男人”,“一个人”,“一个人”)成为不同的超链接。 因此,最终结果将是:点击“一个人”通往website1.com,“一个人”进入website2.com,“一个人”进入website3.com

2 个答案:

答案 0 :(得分:1)

不确定您尝试使用的是什么链接,但这样可以帮助您。 你可以使用你想要的任何href,但这会告诉你如何更新<a>元素的href。

jsFiddle Example

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

答案 1 :(得分:0)

这就是你想要的:

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/