繁体   English   中英

错误 TS2339:类型上不存在属性“样式”

[英]error TS2339: Property 'style' does not exist on type

我的问题是风格是:

错误 TS2339:类型“NodeListOf”上不存在属性“样式”

所有细节都在下面解释。 所有 html / css 都可以,但只是“背面”不起作用

HTML:

这是我投资组合的一个元素。 我想在点击时播放视频

待办事项列表

使用 React 的待办事项列表

播放视频


我在 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 属性。

问题未解决?试试以下方法:

错误 TS2339:类型上不存在属性“样式”

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM