使用Javascript动态创建表

时间:2013-06-13 14:33:42

标签: javascript createelement

我正在尝试在页面加载后动态创建表。在下面的代码中,当我单击按钮时,我得到一个响应,但页面上没有显示该表。下面的代码有什么问题?我已经看过关于这个主题的其他讨论主题,但没有人帮助过。

Javascript文件中的代码如下:

    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;

1 个答案:

答案 0 :(得分:2)

您在document.getElementByID的displayGuide中的电话应为document.getElementByIdID中的“D”应为“d”Id

Check out the fiddle of awesomeness