typescript 打字脚本设置属性错误

hwazgwia  于 2023-01-18  发布在  TypeScript
关注(0)|答案(2)|浏览(171)

当我在typescript中执行JS代码时,我得到以下错误:
原始例外:TypeError:无法读取空值的属性“setAttribute”
但它在JS中完美地工作,没有任何错误。

<HTML>
<path id="border" transform="translate(125, 125)"  style="stroke:white; marker-end:url(#InverseSemicircleEnd);"/>
</HTML>

TS:
document.getElementById("border").setAttribute("style",dec);

但不确定,为什么它会导致错误的TS。我也试图改变名称的属性为这个ID,但没有运气。有人能帮我解释我做错了什么吗?
谢谢你的支持

lymnna71

lymnna711#

我用下面的方法来解决:

hideDesPan(){
    let pan = (<HTMLInputElement>document.getElementById('showPan'));
    pan.style.display = "none";
  }
0pizxfdo

0pizxfdo2#

因为document.getElementByIdcould return null,所以需要使用!(非空Assert)运算符:

document.getElementById("border")!.setAttribute("style",dec);

请确保在查询元素之前已加载浏览器,因为不这样做可能会导致运行时错误。

相关问题