Populate html table onload from javascript

Question

I was following an example source code I found for populating a html table from javascript. However there is a disconnect in my knowledge. The javascript is inside a populateTable function to find an element and create the other elements for the table and populate it from an array.

I don't want this to be done from a button click but when the screen loads.

So lets say...

<h1>Products</h1>
<p>List of products below:</p>
<table> <--- how do I tell this table to be populated from my populateTable function
</table>

Any feedback is appreciated!

EDIT: - I'm clearly learning javascript :) Trying to do core javascript.

You can simply call directly <body onload="populateTable()"> w3schools.com/jsref/event_onload.asp — cesare
– cesare, Commented Nov 5, 2014 at 21:56

Andrew Morton · Accepted Answer · 2014-11-06 18:54:43Z

2

<body onload="Javascript:populateTable()">  
    <div id="productTable">
    </div>
</body>

Stick this into your html pane, the body will run your function on load and get the desired result.

edited Nov 6, 2014 at 18:54

Andrew Morton

25.3k9 gold badges66 silver badges96 bronze badges

answered Nov 5, 2014 at 22:00

user3821538

1174 bronze badges

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

1 Comment

Taobitz Over a year ago

Thank you very much. Exactly what I wanted to achieve.. onto making it better!

Collectives™ on Stack Overflow

Populate html table onload from javascript

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related