Создание div, table, tableBody, tableRow, tableCell
let elementMainDiv = document.createElement('div');
elementMainDiv.id = 'mainDiv';
elementMainDiv.className = 'mainDiv';
let elementTable = document.createElement('table');
elementTable.id = 'mainTable';
elementTable.className = 'mainTable';
elementTable.border = '1';
let elementTableBody = document.createElement('tbody');
elementTableBody.id = 'mainTableBody';
elementTableBody.className = 'mainTableBody';
let elementTableRow = [];
let elementTableCell = [];
for (let a = 0; a < 5; a++) { //50
elementTableRow[a] = document.createElement('tr');
elementTableRow[a].id = ('tableRow' + a);
elementTable.className = ('tableRow' + a);
elementTableBody.appendChild(elementTableRow[a]);
for (let b = 0; b < 20; b++) { //102
elementTableCell[a + '-' + b] = document.createElement('td');
elementTableCell[a + '-' + b].id = (a + '-' + b);
elementTableCell[a + '-' + b].className = (a + '-' + b);
elementTableRow[a].appendChild(elementTableCell[a + '-' + b]);
}
}
elementTable.appendChild(elementTableBody);
elementMainDiv.appendChild(elementTable);
document.body.appendChild(elementMainDiv);
//console.log(elementTable);
Иконки (начальный узел и конечный узел; вот изображения, которые я хочу перетащить)
let startingNode = document.getElementById('2-4');
let imgStartingNode = document.createElement('img');
imgStartingNode.src = '../ExtraMaterial/Icons/pathFindingVisualizer-Arrow.png';
startingNode.appendChild(imgStartingNode);
let endingNode = document.getElementById('2-18');
let imgEndingNode = document.createElement('img');
imgEndingNode.src = '../ExtraMaterial/Icons/pathFindingVisualizer-Finish.png';
endingNode.appendChild(imgEndingNode);
Я попытался создать перетаскиваемый атрибут внутри двух циклов for с elementTableCell.createAtribute, но это не сработало. Так можно ли перетаскивать изображения?