Creating a table dynamically using Javascript

Question

I am trying to create a table dynamically as soon as a page loads. In the code below, I get a response when I click the button, but the table is not displayed on the page. What's wrong with the code below? I have looked at other discussion threads on this topic, but none have helped.

The code in the Javascript file is as follows:

    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;

Ryaminal · Accepted Answer · 2013-06-13 14:43:31Z

2

Your call in displayGuides to document.getElementByID should be document.getElementById. The 'D' in ID should be 'd' Id.

Check out the fiddle of awesomeness

answered Jun 13, 2013 at 14:43

Ryaminal

1087 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Anil Bhat Over a year ago

Thank you, Ryaminal. The code worked after I made the change you suggested. My Javascript coding skills are a bit rusty, and I wasted a day on debugging this :-(

Ryaminal Over a year ago

@AnilBhat Glad it worked. I found it by hitting F12 and Chrome's Developer Tools magically told me the exact problem. :)

Collectives™ on Stack Overflow

Creating a table dynamically using Javascript

1 Answer 1

2 Comments

Your Answer

Collectives™ on Stack Overflow

Creating a table dynamically using Javascript

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest