Как заполнить html таблицу с помощью javascript?

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

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

Как заполнить html таблицу с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от ally , 8 месяцев назад

@greyson 

Для заполнения HTML таблицы с помощью JavaScript, вам понадобится использовать DOM (Document Object Model) для доступа к элементам таблицы и изменения их содержимого.


Вот пример кода, который заполняет таблицу с одним столбцом и тремя строками:


HTML:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
  
    
      Заголовок
    
  
  
    
      
    
    
      
    
    
      
    
  


JavaScript:

1
2
3
4
5
6
7
8
9
// Получаем ссылки на ячейки таблицы
var cell1 = document.getElementById("row1");
var cell2 = document.getElementById("row2");
var cell3 = document.getElementById("row3");

// Устанавливаем содержимое ячеек
cell1.innerHTML = "Строка 1";
cell2.innerHTML = "Строка 2";
cell3.innerHTML = "Строка 3";


В этом примере мы используем метод getElementById для получения ссылок на ячейки таблицы по их идентификаторам, а затем устанавливаем содержимое каждой ячейки с помощью свойства innerHTML.


Вы можете адаптировать этот код в соответствии с вашей таблицей, добавлять столбцы и изменять содержимое ячеек, в соответствии с вашими потребностями.