当应用程序需要依赖特定的Javaｓｃｒｉｐｔ库时，您会无意中尝试解决库本身的一些问题，而不是语言问题。例如，当我试图用div元素包装文本（可能包括HTML元素）时：


这是一些文本和链接。


此时，如果您想将其转换为以下内容：


这是一些文本和链接。


最简单的和暴力的方法是可以进行更新，通过the.innerhtml父元素的属性，但问题是，所有绑定的事件监听器会失败，因为当对手使用HTML元素将被重建。这是一个巨大的玻璃！所以它只能用javaｓｃｒｉｐｔ来实现，每个人都有自己的优势，有时候一寸可能会证明长。下面是实现代码：


无功newwrapper = document.createelement（'div）；
而（existingparent。firstChild）{
移动DOM元素，将创建新元素
newwrapper.appendchild（existingparent。第一个孩子）；
}


for循环不能用在这里，因为子是一个动态的节点，只要移动节点影响指数的价值。我们用while循环检测父元素的第一个孩子。如果返回一个表示false的值，那么您就知道所有节点都迁移到新父节点。