2011-10-28 6 views
7

私はリンクを作成するこのコードを持っています。DOM appendChild画像を挿入する

私がリンクに画像を追加する必要がありますが、私は画像のコードを追加しようとすると、
/* Create a link to activate the tab */ 
    DOM_a = document.createElement("a"); 
    DOM_a.appendChild(document.createTextNode(t.headingText)); 
    DOM_a.href = "javascript:void(null);"; 
    DOM_a.title = t.headingText; 
    DOM_a.onclick = this.navClick; 

<img src="typo3conf/ext/ori_proyectos/res/images/interes.png"> 

私が手:

Link<img src="typo3conf/ext/ori_proyectos/res/images/interes.png"> 

そしてません: Link[*_*]

ここで、[*_*]は画像です。

ソースコード表示本:

&lt;img src="typo3conf/ext/ori_proyectos/res/images/interes.png"&gt; 

私はそれを書く方法を知りません。

ありがとうございました。

答えて

20

あなたも自分のDOMメソッドを使用して画像を作成する必要があります。このような

何か:

var DOM_img = document.createElement("img"); 
DOM_img.src = "typo3conf/ext/ori_proyectos/res/images/interes.png"; 

DOM_a.appendChild(DOM_img); 

実施例hereを。

+0

ありがとうございました! 10分後に私はあなたの答えを選ぶでしょう。 <なぜ<に変更されましたか? – Memochipan

+1

@Memochipanソースからテキストノードを作成しました。テキストノードにはHTML要素が含まれていないので、 '<'などはHTMLエンティティ( '<'など)に置き換えられます。 –