将URL添加到阵列中的字符串

Question

我有一个脚本，一个脚本一个一个一个一个一个单词，一切正常。但是，我有一个大问题：有什么方法可以从数组中打印一个将用作链接的字符串？我正在尝试以多种方式添加HREF，但没有成功。谁能给我一个关于如何执行此操作的线索？

这是脚本：

var text = document.getElementById('text');
var greeting = [
    'text that should be a link'
];
text.innerHTML = '<i>▮</i>';
(function greet() {
    if (greeting.length > 0 && greeting.length < 3) {
        text.insertBefore(document.createElement(' '), text.lastChild);
    }
    var line = greeting.shift();
    if (!line) {
        return;
    }
    line = line.split('');
    (function type() {
        var character = line.shift();
        if (!character) {
            return setTimeout(greet, 100);
        }
        text.insertBefore(document.createElement(character), text.lastChild);
        setTimeout(type, 20);
    }());
}());

Answer 1

类似的东西将创建HTML锚链接：

var text = document.getElementById('text');
var greeting = [
    { url:'www.google.com', text: 'google' }  // an example of data.
];

(function greet() {
    if (greeting.length > 0 && greeting.length < 3) {
       var link = createLink(greeting[0].url,greeting[0].text);
       text.append(link);
    }
    function createLink(url, text) {
        var a = document.createElement('a');
        a.innerHTML = '<i>▮</i>';
        a.title = text;
        a.href = url;
        return a;
    }
    // rest of your code.
}());

这是一个示例jsfiddle