动态创建Onsen UI元素

Question

是否可以使用JavaScript动态创建Onsen UI元素？官方documentation对此一无所知。

Answer 1

您可以使用ons._util.createElement()函数动态创建Onsen UUI元素。它在输入中需要您要生成的HTML代码。例如：

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

它将创建一个ons-button元素，并将其附加到正文中。

修改的

您也可以通过其他方式创建它：

var div = document.createElement('div');
div.innerHTML = '<ons-button></ons-button>'
document.body.appendChild(div);

Answer 2

var content = document.getElementById("my-content");
    content.innerHTML="<ons-button>Another Button</ons-button>";
    ons.compile(content);

在你的HTML中

<div id="my-content"></div>