TS开发环境报错dom.style

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

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

但是我们用dom.style是为了改变样式，此时你发现就会有新的问题

二、无法分配给样式，因为它是只读属性(类似描述)

TypeScript在元素上没有样式属性。

input.setAttribute('style', 'white-space: pre; position: absolute; left: -9999px;');

如果想要详细探究以上两个问题，可以看这条讨论
关于该问题在github的issues的讨论