Как получить значения всех <td> в массив на javascript?
2 ответа
@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> из этой таблицы. Вы можете запустить этот код в консоли браузера, чтобы увидеть результат.
@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].