Insert row is not a function

Question

I am trying to display my results and I am getting an error: "insertRow is not a function. Not sure how I can fix this.

JS file:

function sayHelloCallback (response) {
   var table = document.getElementById("wheel");

   for(i = 0; i < response.message.length; i++)
   {
       var row = table.insertRow(0);
       var cell = row.insertCell(0);
       cell.innerHTML = response["message"][i];
   }
}

HTML File:

<div class="w3-container w3-padding-64 w3-center" id="salaries">
   <h2>View Salaries</h2>
   <p id="wheel">
       <i class="fa fa-spinner w3-spin" style="font-size:64px"></i>
   </p>
</div>

Please help.

insertRow is a function on a table element, not a p element. — tymeJV
– tymeJV, Commented Nov 21, 2017 at 14:51

Quentin · Accepted Answer · 2017-11-21 14:51:23Z

3

insertRow is a property of tables.

You are trying to call it on a paragraph.

If you want to add data to an arbitrary element, use appendChild.

answered Nov 21, 2017 at 14:51

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

halfer · Accepted Answer · 2024-03-15 12:43:19Z

2

The HTMLTableElement.insertRow() method inserts a new row in the table and returns a reference to the new row.

Then insertRow() function should be called on HTMLTableElement, but the elment with the id wheel in your sample is a paragraph p and not a table.

edited Mar 15, 2024 at 12:43

halfer

20.2k20 gold badges111 silver badges208 bronze badges

answered Nov 21, 2017 at 14:51

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

Comments

Mohamed Abbas · Accepted Answer · 2017-11-21 14:54:29Z

0

insertRow is a HTMLTableElement method. you need to call it on a table element.

Ex:

function sayHelloCallback(response) {
    //window.alert(response.message);
    var table = document.getElementById("wheel");

    for (i = 0; i < response.message.length; i++) {
        var row = table.insertRow(0);
        var cell = row.insertCell(0);
        cell.innerHTML = response["message"][i];
    }
}

sayHelloCallback({
    message: [
        "Hello, World!"
    ]
})

<div class="w3-container w3-padding-64 w3-center" id="salaries">
    <h2>View Salaries</h2>
    <i class="fa fa-spinner w3-spin" style="font-size:64px"></i>
    <table id="wheel"></table>
</div>

answered Nov 21, 2017 at 14:54

Mohamed Abbas

2,3081 gold badge14 silver badges19 bronze badges

Collectives™ on Stack Overflow

Insert row is not a function

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related