у меня есть html таблица, из двух колонок, необходимо по нажатию на кнопку записывать данные со второго столбца в local storage. при проверке инспектором кода, записан оказывается только последний элемент.
document.getElementById("clicMe").onclick = Compare;
function Compare(){
// перебираем элементы и записываем в массив
var elements = document.querySelectorAll('td:last-child');
for (var i = 0; i < elements.length; i++) {
var arr = [( elements[i].innerHTML )];
//запись в харнилище
//localStorage.td = JSON.stringify(td);
localStorage.setItem("arr ", JSON.stringify(arr ));
}
}
Извлеките массив данных, который хотите сохранить и запишите его целиком:
var data = [...document.querySelectorAll('td:last-child')].map((td) => td.innerHTML);
localStorage.setItem("data", JSON.stringify(data));
<table>
<tr>
<td>x</td>
<td>1</td>
</tr>
<tr>
<td>y</td>
<td>2</td>
</tr>
</table>
Считать массив обратно можно будет через
JSON.parse(localStorage.getItem("data");
.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Подскажите, что-то никак не соображу: есть верстка из 4 элементов, в котором есть в поле div число (наценка)Нужно собрать эти числа, к каждому...
Скажем есть блок и чужой скрипт всплывающего окна при клике по немуНужно что бы само написанное событие hover выполнилось до события hover из чужого...
Есть приложение - asp net core mvc с контроллером api (просто контроллер в котором содержаться post/get методы)Есть фронт, который вызывает эти методы...
В data приходит объект абсолютно такой жеИ нужно просто увеличить значение count