나는이 보이는 테이블이 자바 스크립트

Question

있는 테이블에 추가

<table id='t'> 
    <thead> 
     .... 
    </thead> 
    <tbody id='t_tbody'> 
    </tbody> 
</table> 

• THEAD는 내용으로 가득를

• TBODY 내가 원하는

비어 자바 스크립트를 사용하여 (예를 들어) t_tbody에 추가 :

<tr> 
    <td>Name</td> 
    <td>Points</td> 
    <td>Information</td> 
</tr> 

어떻게하면됩니까? 위의 내용을 t_tbody에 추가하는 함수가 필요합니다. 단순히

document.getElementById('t_tbody').innerHtml+="<tr>...</tr>" 

를 사용

참고 파이어 폭스에서 잘 작동하지만 IE한다.

원시 자바 스크립트를 사용하여 이미 완료된 프로젝트를 마무리하고 있으므로이 프로젝트에 원시 자바 스크립트 (즉, 프레임 워크 없음)를 사용해야합니다.

Answer 1

var tr = document.createElement("tr"); 

var td = document.createElement("td"); 
td.innerHTML = "Name"; 
tr.appendChild(td); 

var td2 = document.createElement("td"); 
td2.innerHTML = "Points"; 
tr.appendChild(td2); 

var td3 = document.createElement("td"); 
td3.innerHTML = "Information"; 
tr.appendChild(td3); 

document.getElementById('t_tbody').appendChild(tr); 

Answer 2

그레고리에 의해 대답은 참으로이 일의 가장 "올바른"방법입니다,하지만 IE는 당신이 DOM에 아직 요소의 innerHTML을 편집하는 경우 불평하지 않는 것 참고 않습니다. 따라서 솔루션이 단축 될 수있다 : 내가 기억하는 것과

var tr = document.createElement('tr'); 

tr.innerHTML = "<td>Name</td><td>Points</td><td>Information</td>"; 

document.getElementById('t_tbody').appendChild(tr);