gpt4 book ai didi

javascript - typescript 设置属性错误

转载 作者:行者123 更新时间:2023-11-28 05:37:09 25 4
gpt4 key购买 nike

当我在 typescript 中执行 JS 代码时,出现以下错误:

ORIGINAL EXCEPTION: TypeError: Cannot read property 'setAttribute' of null

但它在 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 的属性名称,但没有成功。有人可以帮我解释一下我在这里做错了什么吗?

感谢您的支持问候苏雷什

最佳答案

因为document.getElementById could return null ,您需要检查它是否与 null 不同。

const myEl = document.getElementById("border");
if (myEl !== null) {
myEl.setAttribute("style",dec);
}

或者

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

如果您确定该元素已定义并且想要避免检查,请使用 ! (非空断言)运算符:

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

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

关于javascript - typescript 设置属性错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39270060/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com