2012-12-29 2 views
0

양식에 대한 사용자 입력을 기반으로 생성 된 테이블이 있습니다. 그것은 행과 열을 생성합니다. 노드를 이미지로 채우고 싶습니다. 나는 표를 얻고 있지만 노드는 [object HTML image element]로 채워져 있습니까? 이 이미지에 액세스하려고하지만 실패하고 있습니까? 여기 내가 시도한 것이있다. 모든 도움을 주셨습니다.동적 테이블에 이미지 표시

for (r = 0; r < howOften; r++) { 
    row = table.insertRow(-1); 

    for (c = 0; c < numDays; c++) { 
     col = row.insertCell(-1); 
     img=new Image(); 
     img.src="../www/images/TEST.png"; 
     col.appendChild(document.createTextNode(img)); 
    }; 
}; 

답변

1

이미지 개체에 포함 된 실제 텍스트를 붙여 넣기 만하면됩니다. 실제로는 원하는 작업이 아닙니다. 다음과 같이 해보십시오.

<div id="container"></div> 

JS에서 :

var table = $('<table></table>'); 

for (r = 0; r < howOften; r++) { 
    var row = $('<tr></tr>'); 
    for (c = 0; c < numDays; c++) { 
    row.append('<td><img src="../www/images/TEST.png" /></td>'); 
    }; 
    table.append(row); 
}; 

$('#container').append(table); 
+0

완벽하게 작동

img.onload = function() { //check to make sure that the image has loaded col.appendChild(img); }; 
Inkers

+0

이 게시물 옆에있는 체크 표시를 선택하여 허용 된 답변으로 만들 수 있습니다. – jeremy

0

당신이 jQuery를 사용하려면

,이 솔루션 HTML에서

중 하나입니다. 고마워요 나일강. 투표를하려고했지만 명성은 얻지 못했습니다.

+0

jQuery를 명시하지 않았거나 jQuery – jeremy

+0

@Nile을 암시하지 않는 질문에 대해서는 jQuery를 게시해서는 안됩니다. 당신 말이 맞아, 내가 그, +1 대답을 btw 싶었어 – Mironline

+0

감사합니다 Mironline. – Inkers

관련 문제