Búsqueda de sitios web

javascript - TypeScript establecer estilo CSS para HTMLCollectionOf, NodeCollection, formularios de autocompletado de Google


¿Cómo puedo establecer un estilo CSS para el HTMLCollectionOf o el NodeCollection?

 let items = document.querySelectorAll('.pac-item') as NodeListOf<HTMLElement>;

Para HTMLElement, establecer el estilo funciona bien

Respuesta #1

¡Gracias chicos! Mi error... eso era una colección de elementos... lo resolví por iteración

 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';
        }

Respuesta #2

La definición de TypeScript sugiere que HTMLCollectionOf es una extensión de HTMLCollection y necesitas iterar sobre él para acceder a los elementos individuales.

interface HTMLCollectionOf<T extends Element> extends HTMLCollection {
    item(index: number): T;
    namedItem(name: string): T;
    [index: number]: T;
}

Espero que esto ayude. :)

Artículos relacionados