[英]error TS2339: Property 'style' does not exist on type
我的问题是风格是:
错误 TS2339:类型“NodeListOf”上不存在属性“样式”
所有细节都在下面解释。 所有 html / css 都可以,但只是“背面”不起作用
HTML:
这是我投资组合的一个元素。 我想在点击时播放视频
播放视频
我在 typescript 中的代码:
从'@angular/core'导入{组件};
@Component({ selector: 'app-portafolio', templateUrl: './portafolio.component.html', styleUrls: ['./portafolio.component.css'], }) export class PortafolioComponent {
constructor() { const button = document.querySelectorAll('#btn'); const close = document.querySelectorAll('#close'); const videoContent = document.querySelectorAll('#videoContent'); button.addEventListener('click', () => { videoContent.style.visibility = 'visible'; videoContent.style.opacity = 1; }); close.addEventListener('click', () => { videoContent.style.visibility = 'hidden'; videoContent.style.opacity = 0; }); }
我不是专家,但我想学习 typescript,我不明白我的错误在哪里。
我的 tsconfig.json:“目标”:“ES2022”,“模块”:“ES2022”,
querySelectorAll
用于 select 多个元素。 对于单个元素,您应该使用querySelector
。
TypeScript 中querySelectorAll
的 output 类型是NodeListOf<Element>
,而 JavaScript 中querySelector
的 output 是一个Element or null
。
在 TypeScript 中,输入为Element | null
Element | null
。
在Element
上,你有 style 属性。
问题未解决?试试以下方法:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.