将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