Не удается прочитать свойство 'style' в элементе []

Question

машинопись. document.elementsFromPoint возвращает Element[], но «Элемент» не содержит такого свойства, как «стиль». В результате я получаю:

Uncaught TypeError: Невозможно прочитать свойство 'style' из undefined.

Как изменить стиль элемента в TypeScript. Мой код:

document.body.onclick = function(event: MouseEvent) {
            let elements: Array<HTMLElement> = document.elementsFromPoint(event.clientX, event.clientY) as Array<HTMLElement>;
            let divs: Array<HTMLElement> = [] as Array<HTMLElement>;
            for (let i = 0; i < elements.length; i++) {
                if(elements[i].tagName == 'DIV') {
                    divs.push(elements[i])
                }
            }
            if (divs.length == 2) {  // before if OK
                console.log('2 divs!!! Unit is here!');
                let flag: string = document.body.getAttribute('flag');

                if (flag != '1') {
                    document.body.setAttribute('flag', '1');
                    divs[2].style.backgroundColor = "rgba( 255, 1, 0, 0.5)";
                }
                else {
                    document.body.setAttribute('flag', '0');
                    divs[2].style.backgroundColor = "rgba( 255, 1, 0, 0.5)";
                }
            }

        };

Answer 1

Вы проверяете, что длина вашего divs массива равна 2, а затем вы пытаетесь прочитать из 3-го элемента массива (массивы в JavaScript индексируются нулем).

Попробуйте изменить его на divs[1]