Kim_Soal

div.innerHTML +="qwe"

Вас вводит в заблуждение оператор += - вам кажется, будто бы к содержимому div что-то там добавляется. Это не совсем так - содержимое div полностью перезаписывается. Соответственно, ранее добавленные элементы будут удалены и заменены новыми. А к новым элементам никаких обработчиков вы не привязываете - отсюда и отсутствие вывода в консоль.

Если хотите, чтобы добавление текста не приводило к перезаписыванию содержимого элемента, выполняйте его с помощью методов insertAdjacentText или append. Или создавайте текстовый узел посредством createTextNode или Text и добавляйте его через appendChild.

В идеале это высота * ширина * количество_бит_на_пиксель
Для 32-битного цвета будет
5000 * 5000 * 32 = 800 млн бит, это чуть меньше 800 МБ.

На практике, при обработке потребуется примерно раза в 2.5 больше (эмпирический коэфициент, который вполне может зависеть от окружения и параметров сборки).

Можно рекурсией: https://3v4l.org/m5Cup

<?php

$input = ['dir2', 'dir2_1', 'dir2_1_1'];

function convert_array(array $input, array $output = []) {
    if (empty($input)) {
        return $output;
    }
    
    $value = array_pop($input);
    
    return convert_array($input, [$value => $output]);
}

var_dump(convert_array($input));

Можно и без рекурсии: https://3v4l.org/4FuZ4

<?php

$input = ['dir2', 'dir2_1', 'dir2_1_1'];

$output = [];
foreach (array_reverse($input) as $value) {
    $output = [$value => $output];
}

var_dump($output);