동적으로 생성 된 이미지의 문제점

Question

동적으로 생성 된 이미지 (JavaScript)에 문제가 있습니다. I "는 [오브젝트 HTMLImageElement]"를 참조 결과로서,

var x=document.getElementById('myTable').rows; 
    var y=x[0].cells; 

    var myImg = document.createElement('img'); 
    myImg .setAttribute("alt",""); 
    myImg .setAttribute("style","vertical-align: middle; visibility:visible"); 
    myImg .setAttribute("src", "http://valid_link/ajax-loader.gif"); 

    y[0].innerHTML = myImg ; 

:하지만 I는 테이블 셀의 innerHTML 속성을 변경할. 그 그림을 보여주는 방법?

Answer 1

myImg은 HTML 문자열이 아닌 개체입니다. 대신 y[0].appendChild(myImg)을 시도하면 어떻게됩니까?

Answer 2

innerHTML을 사용하면 노드의 HTML 컨텐츠를 설정할 수 있습니다. 그러나 HTML이 포함 된 문자열이 아닌 요소 객체로 설정하고 있습니다. 개체가 문자열로 변환되면 이미지 대신 [object HTMLImageElement]이 표시됩니다.

페이지에 요소 개체를 추가하려면 appendChild을 사용하십시오. 다음의 예는 셀을 지우고 다음 이미지 요소 추가 :이 IE의 많은 속성에 대해 잘 작동하지 않는

y[0].innerHTML = ''; 
y[0].appendChild(myImg);