Typescript compile error: Property 'classList' does not exist on type 'Node'

typescript typescript1.5
dan picture dan · Jun 29, 2015 · Viewed 13.8k times · Source

Windows 7 x64

Compiling using gulp-typescript 2.7.7 using typescript 1.5 beta

Getting error: Property 'classList' does not exist on type 'Node' because of statement document.getElementsByClassName('left-aside-wrapper')[0].classList.toggle('isOpen');

I see that classList is defined in the lib.d.ts file as interface Element extends Node, GlobalEventHandlers, ElementTraversal, NodeSelector, ChildNode { classList: DOMTokenList;

Not all that familiar with how d.ts files work so is this my error or is it a bug in the d.ts file that need to be reported?

Answer

Emon picture Emon · Mar 27, 2020

I have got the same issue when I want to update the classList of the fist child.

And my solution is

const element = document.getElementById('testId').firstChild as HTMLElement;

Related questions

ES6 Map in Typescript

I'm creating a class in typescript that has a property that is an ES6 (ECMAscript 2016) Map like so: class Item { configs: ????; constructor () { this.configs = new Map(); } } How do I declare an ES6 Map type in typescript?

Read More
ng-class in Angular2

I am developing a test application in angular 2 and I'm stuck with a problem of adding classes based on list from model. In Angular 1 one could do: // model $scope.myClasses = ['class1', 'class2', ...]; // view ... ng-class="myClasses" ... In Angular 2, all …

Read More
How to properly change a variable's type in TypeScript?

Thanks for your patience here, I'm just starting out with TypeScript. I'm working on an angular 2 app that needs to accept text inputs and then make a bunch of calculations. I (incorrectly?) assumed that i would need to first bind …

Read More