URLを文字列に追加する

Question

文字を1つずつ印刷するスクリプトがあり、すべて正常に動作します。しかし、私は1つの大きな質問があります：リンクとして使用される配列から文字列を印刷する方法はありますか？私は多くの方法で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