How to assert a type of an HTMLElement in TypeScript?

by

TypeScript uses ‘<>’ to surround casts, so the above becomes:

var script = <HTMLScriptElement>document.getElementsByName("script")[0];

However, unfortunately you cannot do:

var script = (<HTMLScriptElement[]>document.getElementsByName(id))[0];

You get the error

Cannot convert 'NodeList' to 'HTMLScriptElement[]'

But you can do : 

(<HTMLScriptElement[]><any>document.getElementsByName(id))[0];

More Related Contents:

  1. Interfaces vs Types in TypeScript
  2. Why does A | B allow a combination of both, and how can I prevent it?
  3. TypeScript Template Literal Type – how to infer numeric type?
  4. What does the “as const” mean in TypeScript and what is its use case?
  5. Types for function that applys name of function and arguments
  6. Is there a way to define type for array with unique items in typescript?
  7. How to return value from function which has Observable subscription inside?
  8. Create an enum with string values
  9. Typescript: TS7006: Parameter ‘xxx’ implicitly has an ‘any’ type
  10. Enforcing the type of the indexed members of a Typescript object?
  11. Constructor overload in TypeScript
  12. Typescript: Can I define an n-length tuple type?
  13. TypeScript 2: custom typings for untyped npm module
  14. Exclude/overwrite npm-provided typings
  15. Difference between type[] and [type] in typescript
  16. How can I create an object based on an interface file definition in TypeScript?
  17. TypeScript typings in npm @types org packages
  18. How can I define an array of objects?
  19. How to require a specific string in TypeScript interface
  20. Typescript has unions, so are enums redundant?
  21. TypeScript conditional return value type?
  22. Rules for the use of angle brackets in TypeScript
  23. How to use select/option/NgFor on an array of objects in Angular2 [duplicate]
  24. How to add custom “typings” in typescript 2.0 / 3.0
  25. ‘R’ could be instantiated with an arbitrary type which could be unrelated to ‘Response’
  26. How to define Map with correlation between a key type and a value type, while they both are unions
  27. TypeScript interface that allows other properties
  28. detect change of nested property for component input
  29. Using enums as types allows values that don’t exist in the enum
  30. Typescript never type condition

Leave a Comment