ts开发环境报Element不存在style属性错误解决丨技术开发分享录

ts开发环境报Element不存在style属性错误解决

%{ detail.nickname }

转载翻译 %{ formatTime(detail.create_time) } 字数 %{ detail.content && detail.content.length } 阅读 %{ detail.read_num } [私密] 编辑笔记

Element是ts中的一个类型声明，但这个同原始的DOM元素有区别，所以获取不到style属性，需要处理于DOM元素类型才可以获取，解决示例：

document.querySelectorAll('.card').forEach(ele => {
    console.log(ele.style) // 报错
})

需要改成

let cards = document.querySelectorAll('.card') as NodeListOf<HTMLElement>
cards.forEach(ele => {
    console.log(ele.style)
})

单元素：

let card = document.querySelector('.card') as HTMLElement

事件target：

const ele = event.target as HTMLElement

PS：写作不易，如要转裁，请标明转载出处。

%{ comment.page.total }条评论

%{ v }