动态向页面中增加了一段html代码，但是原本写好的js代码在这段动态生成的html代码中无效？

动态添加的html代码，如果在还没有真正渲染生成dom之前，js是无法获取到它们的，也就是节点根本不存在，所以原本的js就无法生效。

对于动态生成的html，应该在生成完成之后再执行一次需要对这些html *** 作的js代码。

js在特定位置动态添加html可以利用HTML DOM appendChild() 方法。

例子：

var div1 = document.createElement("div")

div1.id = "div1"

var div2 = document.createElement("div")

div2.id ="div2"

document.body.appendChild(div1)

div1.appendChild(div2)

appendChild()定义和用法：

appendChild() 方法向节点添加最后一个子节点。

提示：如果您需要创建包含文本的新段落，请记得添加到段落的文本的文本节点，然后向文档添加该段落。

您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。

从一个列表向另一个列表中移动列表项：

var node=document.getElementById("myList2").lastChild

document.getElementById("myList1").appendChild(node)

摘要：Ionic是一个前端的框架，帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。有了它，开发者可以使用HTML5做出原生应用的感觉。

原生应用通常跑起来会更快、更平稳，带给用户的体验也更出色。然而Web设计者/开发者也一直在寻找着一种工具，将原生应用的体验带到Web技术中。Ionic是一个前端的框架，帮助开发者使用HTML5、CSS3和JavaScript做出原生应用。

Ionic不能完全取代PhoneGap和JavaScript框架的作用，但是它在前端的交互设计功能十分强大。这个框架除了带有SASS服务和各种各样的AngularJS拓展（可选）之外，还有大量的组件。

---