无法读取元素 [] 中的属性“样式”

Question

打字稿。 document.elementsFromPoint 返回Element[]，但“元素”不包含“样式”之类的属性。结果，我得到：

未捕获的类型错误：无法读取未定义的属性“样式”。

如何在 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]