자바 스크립트를 사용하여 동적으로 테이블 만들기

Question

페이지가로드되는 즉시 테이블을 동적으로 생성하려고합니다. 아래 코드에서 단추를 클릭 할 때 응답을 얻지 만 표는 페이지에 표시되지 않습니다. 아래 코드에 어떤 문제가 있습니까? 이 주제에 대한 다른 토론 스레드를 살펴 보았지만 아무도 도움이되지 못했습니다. 다음과 같이

자바 스크립트 파일의 코드는 다음과 같습니다 document.getElementByID에 displayGuides에서

function showalert() { 
      alert('what?'); 
    } 

    function displayGuides() { 
      var mgdCell, mgdRow, mgdTable; 

     mgdTable = document.createElement('table'); 
     mgdRow = mgdTable.insertRow(0); 
     mgdCell = mgdRow.insertCell(0); 
     mgdCell.innerHTML = "1111"; 
     mgdCell = mgdRow.insertCell(1); 
     mgdCell.innerHTML = "2222"; 
     mgdCell = mgdRow.insertCell(2); 
     mgdCell.innerHTML = "3333"; 
     mgdCell = mgdRow.insertCell(3); 
     mgdCell.innerHTML = "4444"; 
     mgdCell = mgdRow.insertCell(4); 
     mgdCell.innerHTML = "5555"; 
     document.getElementByID('mgdTable').appendChild(mgdTable); 
    } 

    function mgdUserActions() { 
     var create = document.getElementById('create'); 
     create.onclick = showalert; 
     displayGuides(); 
    } 

    window.onload = mgdUserActions; 

Answer 1

귀하의 전화가 document.getElementById을해야합니다. ID의 'D'는 'd'Id이어야합니다.

Check out the fiddle of awesomeness