Как изменить размер элемента при событии dragstart?

Question

[Nulltiton]

Хочу, чтобы все элементы, кроме выбранного увеличивались.
Код:

document.addEventListener("DOMContentLoaded", function() {
        let draggedElement;
        const tasksListElement = document.querySelector(".dragElement");

        document.addEventListener("dragstart", function(event) {
            draggedElement = event.target;

            for (task of tasksListElement) {
                    task.setAttribute("style", "width:2000px;height:500px");
            }
    });

К сожалению, данный код не работает, подскажите в чем может быть ошибка?

Comments

[Stalker_RED]

А в чем смысл делать for.. of на dom-элементе?

[Nulltiton]

Stalker_RED, к сожалению, не могу ответить, подскажите, пожалуйста так делать нельзя? Почему?

[imko]

Nulltiton, очевидно потому что элемент неитерируемый, он же один

[Stalker_RED]

Nulltiton,

const tasksListElement = document.querySelector(".dragElement");

for (let task of tasksListElement) {
  task.setAttribute("style", "width:2000px;height:500px");
}

// -> Uncaught TypeError: tasksListElement is not iterable