Как сделать так, чтобы изображение перетаскивалось с одного td на другое за javascript? - PullRequest
0 голосов
/ 10 января 2020

Создание 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, но это не сработало. Так можно ли перетаскивать изображения?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...