Javascript 如何确定是否添加了子项(appendChild)

Javascript 如何确定是否添加了子项(appendChild),javascript,dom,html-table,parent-child,Javascript,Dom,Html Table,Parent Child,在AppendChild之后,我需要确定是否添加了新的子项,然后调用toggle函数 功能切换(e){ e、 classList.toggle(“checked”);} 我尝试在父块上放置onchange(),但没有任何帮助 我仍然对用“Checked”类标记的行如何复制到另一个表感兴趣? 例如,是否需要将数据存储在对象数组中?例如: ItemsObj = { product: product.value, cost: cost.value }; 部分{ 显示:表格; 边界间距:5px; 边

在AppendChild之后,我需要确定是否添加了新的子项,然后调用toggle函数

功能切换(e){
e、 classList.toggle(“checked”);}

我尝试在父块上放置onchange(),但没有任何帮助

我仍然对用“Checked”类标记的行如何复制到另一个表感兴趣? 例如,是否需要将数据存储在对象数组中?例如:

ItemsObj = {
product: product.value,
cost: cost.value
};
部分{
显示:表格;
边界间距:5px;
边界塌陷:塌陷;
}
.头{
显示:表格行;
字体大小:粗体;
文本对齐:居中
}
.行{
显示:表格行;
}
.细胞{
宽度:140px;
边框:1px纯黑;
文本对齐:居中;
显示:表格单元格;
边框:实心;
边界宽度:薄;
左侧填充:5px;
右侧填充:5px;
}
标题
{
显示:表格标题;
文本对齐:居中;
字体大小:粗体;
字体大小:20px;
}

产品清单

产品 成本 电视 23000.13 笔记本电脑 10000.30 电话 120.30
如果要侦听节点的DOM更改,可以使用

至于如何存储数据,则完全取决于您。根据情况,您可以选择许多数据结构

ItemsObj
为例,如果经常通过
product
属性访问对象,则可以使用映射而不是数组

{
    [ItemsObj.product]: ItemsObj
}