TypeScript 设置 HTMLCollectionOf<Element>、NodeCollection<Element>、google 自动完成表单的 css 样式

Re_*_*1ay 3 html javascript css typescript

如何为 HTMLCollectionOf 或 NodeCollection 设置 css 样式

 let items = document.querySelectorAll('.pac-item') as NodeListOf<HTMLElement>;
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

对于 HTMLElement 设置样式效果很好 在此输入图像描述

Re_*_*1ay 5

多谢你们!我的失败...那是元素的集合...通过迭代解决了它

 var items:any = document.getElementsByClassName('pac-item');
        for (let i = 0; i < items.length; i++) {
            let element = items[i];
            element.style.background = '#2B2B2B';
            element.style.color = '#DEDEDE';
        }
Run Code Online (Sandbox Code Playgroud)

  • 这会为我生成一个 TypeScript 错误,即“Element”类型上不存在“style”。如果您只是忽略编译器错误,则该代码可以工作,但如果您想让它消失,则需要使用`document.getElementsByClassName('pac-item') as HTMLCollectionOf&lt;HTMLElement&gt;` (4认同)