Как добавить несколько ячеек, используя createelement? - PullRequest
Новая
       9

Как добавить несколько ячеек, используя createelement?

0 голосов
/ 05 апреля 2019

Я пытаюсь добавить таблицу из 4 столбцов, используя createElement.Я не уверен, нужно ли мне назначать 4 переменные для создания элемента 'td' для 4 ячеек, или мне нужна только одна. 

let tableRow = document.createElement('tr');
let DesCell = document.createElement('td');
let desText = document.createTextNode(description);
let typeCell = document.createElement('td');
let typeText = document.createTextNode(type);
let amountCell = document.createElement('td');
let amountText = document.createTextNode(amount);
let toolCell = document.createElement('td');
let toolText = document.createTextNode(tool);

Я еще не добавил свойство appendchild.Поэтому, пожалуйста, игнорируйте это.Это кажется слишком длинным, поэтому я не уверен, что делаю это эффективно.Заранее спасибо,

1 Ответ

0 голосов
/ 05 апреля 2019

Вы можете использовать метод insertCell 

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>

</head>
<body>
    <table id="table1"></table>
    <script>
function createCell() {
    var table = document.getElementById('table1');
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "NEW CELL1";
    cell2.innerHTML = "NEW CELL2";
}
createCell();

</script>
</body>
</html>
...