자바 스크립트에서 innerHTML 문제

Question

내 코드에서 innerHTML에 문제가 있습니다. HTML 태그를 인식하지 못하고 데이터 만 인쇄합니다. 여기

내가 누락 될 수 무엇 라인

document.querySelector('#listreceipts').innerHTML = '<tr><td>' + grower + '</td><td>' + receipt + '</td><td>' + amnt + '</td><td>' + pdate + '</td></tr>'; 

입니까?

Answer 1

하면 #listreceipts는 <table>, <thead>, <tbody> 또는 <tfoot>가 작동합니다입니다 :

var grower = 1; 
 
var receipt = 2; 
 
var amnt = 3; 
 
var pdate = 4; 
 

 
document.querySelector('#listreceipts').innerHTML += '<tr><td>' + grower + '</td><td>' + receipt + '</td><td>' + amnt + '</td><td>' + pdate + '</td></tr>';

table, th, td { 
 
    border: 1px solid black; 
 
}

<table id="listreceipts"> 
 

 
</table>

그래서 당신은 += 대신 =를 추가해야합니다. innnedHTML 브라우저에서 잘 파싱 된 코드는 작동합니다.