Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Create Onsen UI elements dynamically

Is it possible to create Onsen UI elements dynamically using JavaScript? The official documentation says nothing about it.

like image 466
Anina Avatar asked Dec 12 '25 23:12

Anina


1 Answers

You can create dynamically Onsen UUI elements by using ons._util.createElement() function. It takes, in input, the HTML code you want to generate. For example:

var button = ons._util.createElement("<ons-button></ons-button>");
document.body.appendChild(button);

It will create a ons-button element, and append it to the body.

EDIT

You can also create it in an alternative way:

var div = document.createElement('div');
div.innerHTML = '<ons-button></ons-button>'
document.body.appendChild(div);
like image 110
Andi Pavllo Avatar answered Dec 15 '25 11:12

Andi Pavllo