Доступ к тексту из многодетного, динамически создаваемого элемента <li>из объекта Event

Question

Я пытаюсь получить доступ к содержимому textNode в элементе li. Этот элемент li имеет img в качестве первого childNode и textNode в качестве второго, насколько я понимаю. Эти элементы li динамически создаются с использованием этого кода здесь ...

    for (dir_index in sub_directories){

        //Create <li> element
        var li_node = document.createElement("LI");
        var text = document.createTextNode(sub_directories[dir_index]);

        //Create and adjust image
        var image = document.createElement("IMG")
        image.setAttribute('src', folder_image_src);
        image.width = "100";
        image.height = "100";

        li_node.appendChild(image);
        li_node.appendChild(text);



        //Add it to <ul id="file-name-list">
        ul.appendChild(li_node);
    }

Текст, содержащийся в textNode, является именем папок и файлов в текущем каталоге. Я использую «Электрон» в качестве GUI для моего Python сервера сокетов, который позволяет удаленное хранение. Код, который я пробовал: ....

    document.getElementById('file-name-list').ondragstart = (event) => {
    event.preventDefault()

    //Get file path of dragged element
    var text = event.target.textContent;
    console.log(text);

    ipcRenderer.send('ondragstart', '/path/to/item')
}

, но textContent ничего не возвращает. Текст очень хорошо отображается в электронном окне. Я начинаю реализовывать возможность перетаскивания файлов в окно, поэтому я использую событие .ondragstart.