개초보인데요 드래그앤 드롭 예제에서 

이벤트리스너로 이벤트받고 실행되는 함수에서 자기자신의 클래리스트를 변경하려고하는데

this. 하고 classlist가 왜 안나올까요 ㅜㅜ

function handleDragStart(e) {
    e.dataTransfer.setData("text", this.id);
}

function handleDragEnterLeave(e) {
    if(e.type == "dragenter") {
        this.className = "drag-enter"; 
    } else {
        this.className = ""; 
    }
}

function handleOverDrop(e) {
    e.preventDefault(); 

    if (e.type != "drop") {
        return; 
    }
    
    var draggedId = e.dataTransfer.getData("text");
    
    var draggedEl = document.getElementById(draggedId);
    
    if (draggedEl.parentNode == this) {
        this.className = "";
        return; 
    }
    
    draggedEl.parentNode.removeChild(draggedEl);
    this.appendChild(draggedEl); 
    this.className = "";
}


var draggable = document.querySelectorAll('[draggable]')
var targets = document.querySelectorAll('[data-drop-target]');

for(var i = 0; i < draggable.length; i++) {
    draggable[i].addEventListener("dragstart", handleDragStart);
}

for(var i = 0; i < targets.length; i++) {
    targets[i].addEventListener("dragover", handleOverDrop);
    targets[i].addEventListener("drop", handleOverDrop);
    targets[i].addEventListener("dragenter", handleDragEnterLeave);
    targets[i].addEventListener("dragleave", handleDragEnterLeave);
}