Как клонировать информацию столбца Js?

Question

[enq1]

Пытаюсь клонировать столбцы с информацией.
Пока выходит клонировать только столбцы. Как передать информацию не понимаю. Потратил много времени, но решения так и не нашел.

<table>
<tr class="tab">
<td class="one">3</td>
<td class="one">4</td>
<td class="tab1">info</td>
<td class="tab2">9</td>
</tr>
<tr>
<tr class="tab">
<td class="one">3</td>
<td class="one">4</td>
<td class="tab1">info</td>
<td class="tab2">9</td>
</tr>
<tr>
<tr class="tab">
<td class="one">3</td>
<td class="one">4</td>
<td class="tab1">info</td>
<td class="tab2">9</td>
</tr>
</table>

const elem = document.querySelectorAll('td.one');
 elem.forEach((el) => {
 el.insertAdjacentHTML('afterend', '<td class="nuber"">число из td.one</td>');
         });

Comments

[0xD34F]

Потратил много времени

Интересно (не интересно), на что? Всего-то надо было погуглить, как получить текстовое содержимое элемента. Это три секунды. И, возможно, как строки склеивать. Ещё три секунды.

[Stalker_RED]

Это у вас не клонирование, а вставка HTML

[enq1]

Stalker_RED, я понимаю. Клонирование информации из блока так и не смог сделать.

[Stalker_RED]

enq1, не вижу в вашем примере даже попытки что-то клонировать.
Не пробовали в гугле написать "js клонирование элемента" и прочитать десяток строк?

Answer 1

[Stalker_RED]

function copyColumn() {
  const rows = document.querySelectorAll('table tr.tab'); // находим все строки
  rows.forEach(row => {
    const clone = row.firstElementChild.cloneNode(true); // клонируем первую ячейку вместе с содержимым
    row.insertAdjacentElement('beforeend', clone); // вставляем в конец
  });
};

Comments

[enq1]

Могу написать вам в тг ?

[Stalker_RED]

enq1, можете