注意DOM元素的创建和删除

Posted

tags:

中文标题:注意DOM元素的创建和删除 原文标题:Watch for DOM elements creation and removal 项目评级:Star:836      Fork:100 下载地址:https://github.com/uzairfarooq/arrive 详情介绍

抵达.js

arrive.js提供了用于监视DOM元素创建和删除的事件。它在内部使用突变观测器。

下载arrive.min.js(最新版本)

或使用Bower安装:

节点.js/NPM

Node.js用户可以使用npm进行安装:

用法

该库不依赖于jQuery,您可以用纯javascript元素替换下面示例中的jQuery元素,它会很好地工作。

注意元素的创建

使用arrive事件观看元素创建:

在纯javascript中,您可以调用documentwindow、任何HTMLElementNodeList上的函数,如下所示:

请确保在不再需要侦听器时删除它们,这样会更好地提高性能:

选项

从v2.0arrive开始,事件接受一个可选的options对象作为第二个参数。Options对象由以下部分组成:

例子:

注意元素的移除

使用leave事件来观察元素的移除。

第一个离开的珠状体不能是后代或子选择器,即不能通过.page .test-elem,而是通过.test-elem。这是因为MutationObserver的api存在限制。

您可以使用unbindLeave功能,以与arrive事件相同的方式解除leave事件的绑定,即:

浏览器支持

arrive.js是在DOM4中引入的突变观测器之上构建的。所有流行浏览器的最新版本都支持它。

<表格>

浏览器

支持的版本

谷歌浏览器

27.0+

火狐浏览器

14.0+

Safari浏览器

6.1+

Internet Explorer

11.0+

歌剧

14.0+

贡献

报告错误/请求功能

如果您想报告错误或请求功能,请使用“问题”部分。在创建新问题之前,请搜索现有问题,以确保您没有创建重复问题。当报告错误时,一定要包括操作系统/浏览器版本和重现错误的步骤/代码,JSFiddle会很好。

发展

如果您想捐款到达,以下是您应该使用的工作流程:

您可以发送拉取请求的一些功能/错误

关键词

javascript,js,jquery,node.js,watch,listen,创建,动态,移除,new,元素,DOM,动态,检测,插入,事件,绑定,实时,实时查询

如何用jquery创建一个dom元素?

DOM(创建插入和删除元素)

JS学习笔记DOM操作应用-创建插入和删除元素;文档碎片

使用类名DOM javascript删除创建的元素

Javascript进阶篇——(DOM—节点---插入删除和替换元素创建元素创建文本节点)—笔记整理

JQuery动态创建删除DOM元素