ts报错 ts:Property ‘style‘ does not exist on type ‘Element‘.

最新推荐文章于 2023-08-17 09:42:57 发布
最新推荐文章于 2023-08-17 09:42:57 发布
阅读量274 收藏
点赞数
文章标签： html java 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qubes/article/details/129881961
版权
文章讨论了在TypeScript中遇到的编译错误，即尝试访问Element对象的style属性时出错。解决方案是将元素类型声明为HTMLElement，然后使用方括号语法来设置flexGrow属性，例如：`firstEle[style].flexGrow=1;`这样可以确保在运行时具有正确的属性访问。
摘要由CSDN通过智能技术生成

problem

ts报错 ts:Property ‘style’ does not exist on type ‘Element’.

firstEle.style.flexGrow = 1

reason

style 不是 Element 的属性

solution

const firstEle:HTMLElement = document.querySelector('.accordion-item')!
firstEle["style"].flexGrow = '1'
snowDreamzzz
关注
React报错之Property ‘value‘ does not exist on type ‘HTMLElement‘
m0_56069948的博客
08-27 2707
正文从这开始~当我们试图访问一个类型为的元素上的属性时，会产生"Property ‘value’ does not exist on type ‘HTMLElement’"错误。为了解决该错误，在访问属性之前，使用类型断言将元素类型断言为。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vqD4BHIZ-1661534128424)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/75da2f875f0f4a5d96deea6
vue refs 报错 Property 'getSectionIds' does not exist on type 'Vue | Element | Vue[] | Element[]'.
Jane_96的博客
12-06 1823
在父组件中用refs去获取子组件内部的方法或者属性，以下面的demo为例，直接写this.$refs.childRef.getValue() 会报错，报错内容说’Vue | Element | Vue[] | Element[]'a这些类型中，没有我们调用的属性。但是我们很清楚，这个childRef的类型是ChildComponent，这个类型中是含有我们所需要的变量或者方法，因此给this.$r...
解决TS报错Property ‘style‘ does not exist on type ‘Element‘
Ben_Simons
02-26 5968
在使用queryselector获取一个dom元素，编译时却报错说property 'style' does not exist on type 'element'。 原因：这是typescript的类型检查导致的，需要在querySelector方法前面加个类型断言。 let frameContainObj = document.getElementById("model_view_container") let iframeObj= <HTMLElement>frameContainO
Property ‘style‘ does not exist on type ‘Element‘.
EsquireY的博客
04-06 3131
项目环境 vue2.0 + TS 需求简介 滑动一段距离，出现ICON，原生JS获取滑动距离，动态添加style 问题复现 // 会报 Property 'style' does not exist on type 'Element'. document.getElementsByClassName("floatBox")[0].style.display = "block"; 解决方案 let float = <HTMLElement>document.getElementsByC
解决Typescript报错：Property 'style' does not exist on type 'Element'
weixin_42684309的博客
11-26 5583
直接说问题吧： 说一下我的最初代码： 此时使用style修改节点的样式时报错了，报错信息如下： 直接提示我们'style' does not exist 百度查找之后发现是我们没有给list做类型断言，所以typescript在检查类型的时候直接报错了。 解决方法如下： 给list添加<HTMLElement>做类型断言，完美解决 参考资料：https://www...
解决Typescript报错：Property ‘style‘ does not exist on type ‘Element‘
Andrew_SJ的博客
07-21 1829
此时使用style修改节点的样式时报错了，报错信息如下： 直接提示我们’style’ does not exist 百度查找之后发现是我们没有给list做类型断言，所以typescript在检查类型的时候直接报错了。 解决方法如下： 给list添加<HTMLElement>做类型断言，完美解决 原文链接：https://blog.csdn.net/weixin_42684309/article/details/103251520 ...
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly…Vetur（2339）
11-19
VSCode 中 Vue 项目报错 Property ‘xxx‘ does not exist on type ‘CombinedVueInstance…Vetur（2339） 在 VSCode 中使用 Vue 项目时，可能会遇到 Property ‘xxx‘ does not exist on type ...
ts Property 'contentWindow' does not exist on type 'never'.
09-10
对于您的问题，解决`Property 'contentWindow' does not exist on type 'never'`的问题，可能有以下几个原因： 1. 检查`elem`的类型：确保`elem`实际上可以拥有`contentWindow`属性，可能是某个特定DOM元素，而不是...
Property 'currentStyle' does not exist on type 'Document'.ts
05-24
为了解决这个问题，你可以将 `currentStyle` 属性声明为 `any` 类型，或者将其定义为 `Element` 或 `HTMLElement` 类型。 例如，你可以这样声明 `currentStyle` 属性： ```typescript declare global { interface...
解决TS报错Property 'style' does not exist on type 'Element'
热门推荐
qq_27153595的博客
03-29 1万+
在ts中写js修改css样式时： let dom =document.getElementByClassName("gv-chartt"); for(let i=0; i<dom.length; i++){ dom[i].style.transform ="scale(2)"; } 当使用 dom[i].style.transform ="scale(2)";时会...
TS开发环境报错dom.style
wangfei0225_的博客
08-17 676
ts开发环境报Element不存在style属性错误解决以及无法分配样式，只是只读属性
报错：property ‘checked‘ does not exist on type ‘htmlelement‘.
m0_47106110的博客
02-13 490
报错 'checked' does not exist on type 'htmlelement'.
记录个问题Property ‘click‘ does not exist on type ‘Element‘
qq_36487294的博客
01-02 4005
我想要在子组件给index.html发消息,但暂时没什么好解决办法，就在index.html上加个button并隐藏 这里是index.html页面 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>危急值弹窗</title> ...
vue3.0+vite+ts项目搭建报错问题的处理
qq_43340606的博客
09-07 2891
上面这种报错是在从index.html引入CDN的情况下报错的。解决方式将package.json中的build部分改掉。解决方案,换用从vite.config.ts中引入CDN。解决方案:修改vite.config.ts文件配置。yarn dev 不报错,build就报错。css部分加上charset: false。改成这个样子就不再报错也可以正常打包了。vant采用cdn引入的方式报错。
vue3 + ts + element-plus ref获取节点报错 Property ‘xxx‘ does not exist on type ‘HTMLElement‘
Jie0817的博客
12-08 6097
vue3 + ts + element-plus ref获取节点报错 Property 'xxx' does not exist on type 'HTMLElement'
querySelector | Property ‘style‘ does not exist on type ‘Element‘.最最真实的解决办法
swallowblank的博客
09-17 2959
在初学typescript的时候，肯定很多人遇到了和我一样的问题：不知道某些变量属于什么类型，然而由于强迫症，又不想用any。 比如下图： 百度一搜这个bug，全网不知道在那说个锤子呢，第一页查出来的一模一样 ，加断言？ 真正的原因是因为这根本就不是Element类型好吧！，你把声明改成HTMLElement看看会报错？我真是tmd服了 ...
Vue: Property clear does not exist on type FormDat
最新发布
09-24
在Vue.js中，当你尝试访问`FormData`类型的对象并调用`clear`方法时，可能会遇到"Property clear does not exist on type FormData"这样的类型检查错误。这是因为 TypeScript 这样的静态类型系统检查到了你在未声明的情况下使用了`clear`方法，而这个方法实际上是`FormData`的一个内置属性。 要解决这个问题，你需要确保你的组件或方法声明中已经正确地导入了`FormData`类型，并且明确告知 TypeScript 这个方法的存在。例如： ```typescript import { Ref } from 'vue'; type FormDataRef = Ref<FormData>; export default { setup(props: any) { const formData: FormDataRef = ref(new FormData()); // 明确告诉TypeScript formData有clear方法 (formData.value as FormData).clear(); return { formData, }; }, }; ``` 在这个例子中，通过将`formData`声明为`Ref<FormData>`类型并将其赋值给一个`FormData`实例，TypeScript就知道`formData`可以安全地使用`clear`方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值