DolphinHyy 2021-12-29 18:07 采纳率: 0%
浏览 248
已结题

TS严格模式下HTMLElement类型如何进行赋值?

在TS严格模式下,给类设置属性时如果需要获取DOM元素,应该给属性预设什么类型?

问题遇到的现象和发生背景

在TS严格模式下,给类设置属性Ele时给属性Ele设置 HTMLElement 类型,在构造函数中给Ele属性赋值时,将提示Ele不能被赋值为null

问题相关代码,请勿粘贴截图
class Test{
  // 设置属性 ele 为HTMLElement类型的属性
  ele:HTMLElement
  constructor(){
    // 给属性赋值时 DOM 方法的返回值将为 HTMLElement | null
    this.ele = document.getElementById('#ele')
  }
}

运行结果及报错内容

不能将 Null 分配给 HTMLElement 类型的属性

我的解答思路和尝试过的方法

我尝试过在设置类型时给属性设置 HTMLElement | null 的类型,但后续调用依旧麻烦

我想要达到的结果

可以兼顾 HTMLElement|null的类型 或者 关掉这方面严格检查的配置方法

  • 写回答

1条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-29 18:35
    关注

    可以定位ele类型为:
    ele: HTMLElement | null
    如有帮助,麻烦点个[采纳此答案] ^O^

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 12月29日
  • 创建了问题 12月29日

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘