2011-10-28 4 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 엔터티 ('<'등)로 대체됩니다. –