打字稿禁用具有类的特定 ID 中的所有元素

Question

我有一个函数可以切换 div 中输入字段的启用/禁用状态。此 div 具有唯一 ID，并且该 div 包含具有相同类名的输入。

const el = document.getElementById('slice_' + slice).getElementsByClassName('shiftSlice');
        for (let i = 0; i < el.length; i++) { 
            el[i].disabled = true;
        }

当我尝试这个时，打字稿告诉我[ts] Property 'disabled' does not exist on type 'Element'.

我是否需要以某种方式强制转换此元素才能访问 disabled 属性？

Answer 1

你需要告诉 TypeScript 这是一个输入元素：

const el = document.getElementById('slice_' + slice).getElementsByClassName('shiftSlice');
for (let i = 0; i < el.length; i++) {
    (<HTMLInputElement>el[i]).disabled = true; // note the type assertion on the element
}