Javascript 动态创建onsenui元素

Javascript 动态创建onsenui元素,javascript,dynamic,onsen-ui,Javascript,Dynamic,Onsen Ui,是否可以使用JavaScript动态创建Onsen UI元素?该官员对此只字未提。您可以使用ons.\u util.createElement()函数动态创建Onsen UUI元素。它在输入中接受您想要生成的HTML代码。例如: var button = ons._util.createElement("<ons-button></ons-button>"); document.body.appendChild(button); var content=document

是否可以使用JavaScript动态创建Onsen UI元素?该官员对此只字未提。

您可以使用
ons.\u util.createElement()
函数动态创建Onsen UUI元素。它在输入中接受您想要生成的HTML代码。例如:

var button = ons._util.createElement("<ons-button></ons-button>");
document.body.appendChild(button);
var content=document.getElementById(“我的内容”);
content.innerHTML=“另一个按钮”;
汇编(内容);
在你的html里有这个

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


链接指向404页文档中确实有些东西:谢谢,我会查看的@Amina要使用它,您需要使用GitHub的onsen ui最新版本:。我还用另一种方法更新了我的答案。你的答案与之前发布的答案没有提供任何进一步的信息。无论如何,直接修改
mycontent
元素的innerHTML将覆盖以前的内容。此外,在将元素附加到DOMyeah之后,
ons.compile()
方法将被自动调用,但如果要在将元素附加到DOM之后修改它,则需要调用它。它会为你调用一次,然后你需要自己调用它。如果我错了,请纠正我。这取决于您正在修改的内容,大部分属性都可以动态添加和删除,而无需调用
ons.compile()
var content = document.getElementById("my-content");
    content.innerHTML="<ons-button>Another Button</ons-button>";
    ons.compile(content);
<div id="my-content"></div>