문자열 변수에 테이블에 행을 추가하는 방법

Question

문자열 변수로 테이블을 만들어야합니다.
탭의 형식으로 문자열에 행을 추가하고 싶습니다.
어떻게 그럴 수 있습니까?

var textSummary = "DATE    USER    COMMENT    "; 

행을 문자열에 추가하고이 템플릿을 유지하는 방법은 무엇입니까?

Answer 1

나는 당신이 성취하고자하는 것이 분명하지 않지만 문자열 변수를 사용하여 테이블 행 항목을 만들려고한다는 것을 이해합니다. 동적으로 문자열 변수를 사용하여 테이블 항목을 테이블 행 요소를 생성하고 생성이 코드를 살펴 보자 :

는

var table = document.createElement('table'); 
var numOfRows = 5 
for (var i = 1; i <= numOfRows - 1; i++){ 
    var tr = document.createElement('tr'); 

    var td1 = document.createElement('td'); 
    var td2 = document.createElement('td'); 
    var td3 = document.createElement('td'); 

    var textSummary1 = document.createTextNode('Date' + i); 
    var textSummary2 = document.createTextNode('User' + i); 
    var textSummary3 = document.createTextNode('Comment' + i); 


    td1.appendChild(textSummary1); 
    td2.appendChild(textSummary2); 
    td3.appendChild(textSummary3); 

    tr.appendChild(td1); 
    tr.appendChild(td2); 
    tr.appendChild(td3); 

    table.appendChild(tr); 
} 
document.body.appendChild(table); 

그것은 날짜, 사용자, 댓글 3 열이 각각 4 개 행을 생성합니다. 루프의 numOfRows 변수를 변경하여 행 수를 변경할 수 있습니다. document.createTextNode의 매개 변수를 데이터가 무엇이든 변경할 수 있습니다.