JavaScript配列にHTMLタグを挿入するには？

Question

複数の文字列を持つ可変配列にHTMLリンクを挿入しようとしていますが、私が他の投稿で見たアドバイスは私にとってはうまくいきません。

だから、私はこのような4つの文字の文字列で<script>タグ内の変数を定義します。

<script> 
var btnTxt = ["blah blah blah", "blah-blah-blah", "blah blah", "blah"]; 
</script> 

誰かが4つの画像ボタンのいずれか、新しいに出て切り替えます現在表示されているテキストをクリックするとテキスト。たとえば、テキスト「blah blah」が&と表示されている場合、ボタン4をクリックすると、「blah」と表示されます。

私が欲しいのは、例えば、 "ああ、ああ"と言い、途中の "あか"をリンクにすることです。したがって、本質的には"blah <a href=http://example.com>blah</a> blah"です。私は&のようなコード化されたアドバイスに従った。または<だが、私が得意とするのは、テキストを見て、リンクが見えていないことを視覚的に見ているということだ。

私は何かが簡単でないと感じています。アドバイスをいただければ幸いです。

Answer 1

これはあなたがやろうとしていることだと思いますか？私はこれが助けてくれることを願っています:)

 <script> 
     var btnTxt=["<a href=http://www.blah.com>blah</a>","<a href=http://www.blah.com>blah</a>","<a href=http://www.blah.com>blah</a>"]; 

     btn4.addEventListener('click',function(){ 
     //assuming you already have div 
     div.innerHTML="blah blah"+btnTxt[1]; 
     } 
     </script> 

     //another option 
     <style> 
     a{text-decoration:none} 
     a:hover{text-decoration:none} 
     <style> 
     <p>blah, blah, <a id="blah" href="#">blah</a></p> 
     <script> 
     btn4.addEventListener('click',function(){ 
     //assuming you already have id blah 
     blah.attribute="http://www.blah.com"; 
     blah.style.color='orange';//if you want css to define the link once it becomes available. 

     }); 
     </script>