Add div with attributes dynamically in javascript

Question

0.00/5 (No votes)

See more:

I have this below div which is kendo grid which i need to create it dynamically in javascript.

HTML

<pre><div kendo-grid id="tempGrid" hidden="hidden" k-options="meterGridOptions" k-rebind="columns"></div>

Any leads please !

What I have tried:

document.body.appendChild('<div kendo-grid id="tempGrid" hidden="hidden" k-options="meterGridOptions" k-rebind="columns"></div>');

Posted 26-May-17 6:29am

Updated 26-May-17 6:38am

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

W∴ Balboos, *GHB* · Answer 1 · 2017-05-26T06:38:00

Here's how such things are done: JavaScript HTML DOM[^]

Look at innerHTML and you'll be on your way.

Posted 26-May-17 6:38am

Updated 26-May-17 6:39am

v2