2011-10-28 20 views
7

Bağlantı oluşturduğum bu kodu kullanıyorum.DOM appendChild görüntülere eklemek için

/* 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; 

Ben linke resim eklemek gerekir ama görüntü kod eklemeye çalıştığınızda:

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

alıyorum:

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

Ve: Link[*_*]

[*_*] görüntüdür.

kaynak kod ekranı bu:

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

bunu yazmak için nasıl bilmiyorum.

Teşekkürler.

cevap

20

Çok kendi DOM yöntemleri kullanarak görüntüyü oluşturmak olmalıdır: Böyle

şey:

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

DOM_a.appendChild(DOM_img); 

Bir çalışma örneği here.

+0

Teşekkürler, işe yaradı! 10 dakika içinde cevabınızı seçeceğim. Şimdi neden << olarak değiştirildin? – Memochipan

+1

@Memochipan Kaynaktan bir metin düğümü oluşturdunuz. Bir metin düğümü herhangi bir HTML öğesi içermez, dolayısıyla '<' vb. HTML öğeleri ('<', vb.) Ile değiştirilir. –

İlgili konular