使用Javascript动态创建表

Creating a table dynamically using Javascript

本文关键字：创建 动态 Javascript 使用      更新时间：2023-09-26

我试图在页面加载时动态创建一个表。在下面的代码中，当我单击按钮时，我得到一个响应，但是这个表没有显示在页面上。下面的代码有什么问题?我看了关于这个话题的其他讨论线程，但是没有一个有帮助。

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;

在displayGuides中对document.getElementByID的调用应该是document.getElementById。ID中的"D"应为"D"Id。

看好戏

相关文章：