Как получить значения всех <td> в массив на javascript?

Пользователь

от kenya , в категории: JavaScript , 10 месяцев назад

Как получить значения всех <td> в массив на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jaren , 9 месяцев назад

@kenya 

Для получения значений всех элементов <td> в массив на JavaScript, вы можете использовать следующий код:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
var array = []; // Создаем пустой массив

// Получаем все элементы <td> в таблице с id "myTable"
var tdElements = document.getElementById("myTable").getElementsByTagName("td");

// Проходимся по каждому элементу <td> и добавляем его значение в массив
for (var i = 0; i < tdElements.length; i++) {
  array.push(tdElements[i].textContent); // Используйте .innerText вместо .textContent, если вы хотите получить текстовое содержимое элемента без учета потомков
}

console.log(array); // Выводим массив со значениями всех <td>


В данном примере предполагается, что у вас есть таблица с id "myTable", и вы хотите получить значения всех элементов <td> из этой таблицы. Вы можете запустить этот код в консоли браузера, чтобы увидеть результат.

Пользователь

от lamar , 5 дней назад

@kenya 

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


Пример использования:


HTML:

1
2
3
4
5
6
7
<table id="myTable">
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
    <td>Ячейка 3</td>
  </tr>
</table>


JavaScript:

1
2
3
4
5
6
7
8
9
var array = []; 

var tdElements = document.getElementById("myTable").getElementsByTagName("td");

for (var i = 0; i < tdElements.length; i++) {
  array.push(tdElements[i].textContent);
}

console.log(array);


Результат будет массив, содержащий текстовое содержимое всех ячеек . Если вам нужно извлечь другие данные, например атрибуты или дочерние элементы, вам нужно будет обратиться к соответствующим свойствам и методам объекта tdElements[i].