时间戳

首页 > 解决方案 > 如何跟踪特定 div 下 HTML 元素的添加？

javascript - 如何跟踪特定 div 下 HTML 元素的添加？

问题描述

我需要添加一个监听器来跟踪元素/div 下的元素添加/删除。

我已将 onchange 侦听器添加到父元素，但它不起作用。

<div class="class1" onchange="myfunc(this)">
    <input name="in"/>
    <!-- Track element addition/deletion here -->
</div>

我需要向 div 添加一个侦听器，用于侦听 div 中的元素添加/删除（追加/删除）。

标签： javascripthtml

解决方案

如果您想跟踪另一个 div 中 div 的删除或添加，那么您应该跟踪父 div 中子 div 的数量。

您可以通过多种方式来做到这一点，例如使用 property childNodes：

element.childNodes

它将为您提供父 div 内的所有 div，您现在可以跟踪 div 内的 div 数量。

要轻松完成此任务，您可以使用 reactjs.where 您有生命周期方法，这些方法在这里很有用

推荐阅读