Как узнать, добавлены ли дети (appendChild) - PullRequest
Новая
       31

Как узнать, добавлены ли дети (appendChild)

0 голосов
/ 30 октября 2019

После AppendChild мне нужно выяснить, были ли добавлены новые дочерние элементы, затем вызвать функцию переключения

function toggle(e) { e.classList.toggle("checked");}

Я попытался поместить onchange () в родительский блок, ноэто не помогло.

Меня все еще интересует, как строки, помеченные классом "Проверено", копируются в другую таблицу? Нужно ли хранить данные, например, в массиве объектов? Например: 

ItemsObj = {
product: product.value,
cost: cost.value
};


section{
    display: table;
    border-spacing:5px;
    border-collapse: collapse;
}
.Head{
    display: table-row;
    font-weight: bold;
    text-align: center
}
.row{
	display: table-row;
}
.cell{
	width: 140px;
	border: 1px solid black;
	text-align: center;
    display: table-cell;
    border: solid;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
}
    .Title
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
    }
<section id="Table">
        <div class="Title">
          <p>List of products</p>
        </div>
        <div class="Head">
          <div class="cell">Product</div>
          <div class="cell">Cost</div>
        </div>
        <div class="row" >
          <div class="cell">TV</div>
          <div class="cell">23000.13</div>
        </div>
        <div class="row">
            <div class="cell">Laptop</div>
            <div class="cell">10000.30</div>
        </div>
        <div class="row">
              <div class="cell">Phone</div>
              <div class="cell">120.30</div>
        </div>
    </section>

1 Ответ

0 голосов
/ 30 октября 2019

если вы хотите прослушать изменения DOM узла, вы можете использовать MutationObserver .

, поскольку все, что вы должны хранить, зависит только от вас. в зависимости от ситуации вы можете выбрать множество структур данных.

Например, ItemsObj. Если вы часто обращаетесь к объекту через свойство product, вы можете использовать карту вместо массива. 

{
    [ItemsObj.product]: ItemsObj
}
...